/* ===== Theme variations layered on top of Bootstrap ===== */
/* Each body[data-theme="X"] overrides --brij-* CSS variables. */

/* Default (brij) — defined in site.css :root */

body[data-theme="dark"] {
  --brij-primary:      #2c3e50;
  --brij-primary-dark: #1a252f;
  --brij-accent:       #e8b923;
  /* Semantic colors retuned for dark background contrast */
  --brij-success:      #2ecc71;
  --brij-danger:       #e74c3c;
  --brij-warning:      #f39c12;
  --brij-info:         #5dade2;
  --brij-purple:       #af7ac5;
  --brij-teal:         #48c9b0;
  --brij-muted:        #adb5bd;
  --brij-border:       #3a3d42;
  --brij-bg-soft:      #2f3338;
  --brij-bg-card:      #25282c;
  --brij-text:         #e8e9ea;
  background-color: #1a1d20 !important;
  color: #e8e9ea;
}
body[data-theme="dark"] .card,
body[data-theme="dark"] .card-header,
body[data-theme="dark"] .card-footer.bg-white,
body[data-theme="dark"] .modal-content {
  background-color: #25282c !important; color: #e8e9ea; border-color: #3a3d42;
}
body[data-theme="dark"] .card-header { border-bottom-color: #3a3d42; }
body[data-theme="dark"] h1, body[data-theme="dark"] h2, body[data-theme="dark"] h3,
body[data-theme="dark"] h5, body[data-theme="dark"] h6 { color: #ffd166; }
body[data-theme="dark"] h1.page-title { color: #ffd166; }
body[data-theme="dark"] .form-control, body[data-theme="dark"] .form-select {
  background-color: #2f3338; color: #e8e9ea; border-color: #4b5057;
}
body[data-theme="dark"] .form-control:focus, body[data-theme="dark"] .form-select:focus {
  background-color: #2f3338; color: #ffd; border-color: #ffd166; box-shadow: 0 0 0 .2rem rgba(255,209,102,.15);
}
body[data-theme="dark"] .table { color: #e8e9ea; --bs-table-bg: transparent; }
body[data-theme="dark"] .table thead th { background-color: #2c3e50 !important; color: #fff; }
body[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.04); }
body[data-theme="dark"] .table-hover tbody tr:hover { background-color: rgba(255,209,102,.08); }
body[data-theme="dark"] .stat-tile { background: #25282c; color: #ffd166; border-left-color: #e8b923; }
body[data-theme="dark"] .stat-tile .stat-lbl { color: #adb5bd; }
body[data-theme="dark"] .form-text, body[data-theme="dark"] .text-muted { color: #adb5bd !important; }
body[data-theme="dark"] code { background-color: #2f3338; color: #ffd166; }
body[data-theme="dark"] .alert-info { background-color: #1c3d5a; color: #aed6f1; border-color: #2c5984; }

body[data-theme="emerald"] {
  --brij-primary:      #1e8449;
  --brij-primary-dark: #145a32;
  --brij-accent:       #f1c40f;
}
body[data-theme="crimson"] {
  --brij-primary:      #a93226;
  --brij-primary-dark: #7b241c;
  --brij-accent:       #f4d03f;
}
body[data-theme="ocean"] {
  --brij-primary:      #0e6ba8;
  --brij-primary-dark: #073b6f;
  --brij-accent:       #f39c12;
}

/* Common: navbar reflects --brij-primary automatically via existing .brij-navbar rule. */

/* Theme picker swatch */
.theme-swatch {
  display: inline-block; width: 14px; height: 14px; border-radius: 50%;
  margin-right: 8px; vertical-align: middle; border: 1px solid rgba(0,0,0,.15);
}
.theme-current { font-weight: 600; }
.theme-current::after { content: ' ✓'; color: #28a745; }