/**
 * CBT MA BAHRUL ULUM KEPOHBARU
 * File: dark-mode.css
 */

[data-theme="dark"] {
  --cbt-bg: #0F172A;
  --cbt-surface: #1E293B;
  --cbt-surface-subtle: #182234;
  --cbt-border: #334155;
  --cbt-text-primary: #F1F5F9;
  --cbt-text-secondary: #94A3B8;
  --cbt-text-muted: #64748B;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .cbt-topbar {
  background-color: var(--cbt-surface);
  border-bottom-color: var(--cbt-border);
}

[data-theme="dark"] .card-cbt-header {
  background-color: var(--cbt-surface);
  border-bottom-color: var(--cbt-border);
}

[data-theme="dark"] .table-cbt tbody tr:nth-of-type(even) td {
  background-color: var(--cbt-surface-subtle);
}

[data-theme="dark"] .table-cbt tbody tr:hover td {
  background-color: rgba(8, 126, 139, 0.15);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--cbt-surface);
  color: #F1F5F9;
  border-color: var(--cbt-border);
}

[data-theme="dark"] .form-label {
  color: #F1F5F9;
}