/* Bootstrap v4 contextual color overrides to match Neumorph theme. */

.text-primary { color: var(--nm-accent) !important; }
.text-secondary { color: var(--nm-text-secondary) !important; }
.text-success { color: #166534 !important; }
.text-danger { color: #991b1b !important; }
.text-warning { color: #92400e !important; }
.text-info { color: #1e3a8a !important; }
.text-dark { color: var(--nm-text) !important; }
.text-light { color: var(--nm-text-secondary) !important; }
.text-muted { color: var(--nm-text-muted) !important; }

.bg-primary { background-color: color-mix(in srgb, var(--nm-accent) 28%, var(--nm-surface)) !important; }
.bg-secondary { background-color: var(--nm-surface-raised) !important; }
.bg-success { background-color: color-mix(in srgb, #dcfce7 70%, var(--nm-surface)) !important; }
.bg-danger { background-color: color-mix(in srgb, #fee2e2 70%, var(--nm-surface)) !important; }
.bg-warning { background-color: color-mix(in srgb, #fef3c7 70%, var(--nm-surface)) !important; }
.bg-info { background-color: color-mix(in srgb, #dbeafe 70%, var(--nm-surface)) !important; }
.bg-light { background-color: var(--nm-surface) !important; }
.bg-dark { background-color: var(--nm-surface-inset) !important; }

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-secondary,
.btn-dark {
  color: var(--nm-text) !important;
  background: var(--nm-surface) !important;
  border-color: var(--nm-border-strong) !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-secondary,
.btn-outline-dark {
  color: var(--nm-text) !important;
  border-color: var(--nm-border-strong) !important;
  background-color: var(--nm-surface) !important;
}

.alert-primary,
.alert-secondary,
.alert-success,
.alert-danger,
.alert-warning,
.alert-info {
  color: #1f2937 !important;
  border-color: var(--nm-border-strong) !important;
}

.alert-success { background: color-mix(in srgb, #dcfce7 70%, var(--nm-surface)) !important; }
.alert-danger { background: color-mix(in srgb, #fee2e2 70%, var(--nm-surface)) !important; }
.alert-warning { background: color-mix(in srgb, #fef3c7 70%, var(--nm-surface)) !important; }
.alert-info { background: color-mix(in srgb, #dbeafe 70%, var(--nm-surface)) !important; }
.alert-primary,
.alert-secondary { background: var(--nm-surface-raised) !important; }

.table,
.table thead th,
.table td,
.table th {
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: var(--nm-surface) !important;
}