/* styles/dark.css — professional charcoal dark theme.
   Rebinds tokens only; no component rules are duplicated here. */

[data-theme="dark"] {
  --brand-green:        #2E7F5E;
  --brand-green-dark:   #16201C;
  --brand-green-hover:  #35906B;
  --brand-gold:         #D3A73C;

  --bg-page:            #1E2421;
  --bg-surface:         #28302C;
  --bg-surface-alt:     #2C3531;
  --bg-subtle:          #323B36;
  --bg-inset:           #3A443F;
  --bg-sidebar:         #16201C;
  --bg-sidebar-hover:   #223029;
  --bg-sidebar-active:  #1E5B43;
  --bg-toolbar:         #28302C;

  --border:             #39413D;
  --border-strong:      #4A544E;
  --border-sidebar:     #23302A;

  --text:               #EAEAEA;
  --text-secondary:     #A8B4AE;
  --text-muted:         #8A958F;
  --text-inverse:       #16201C;
  --text-sidebar:       #C9D8D0;
  --text-sidebar-muted: #7E9389;

  --success:            #66BB6A;
  --warning:            #E9A13B;
  --danger:             #EF6C6C;
  --info:               #64A0E0;
  --neutral:            #A8B4AE;

  --success-bg:         #23372A;
  --warning-bg:         #3A2F1D;
  --danger-bg:          #3B2525;
  --info-bg:            #22303F;
  --neutral-bg:         #333C37;
  --gold-bg:            #38301B;

  --success-border:     #3A5A40;
  --warning-border:     #5C4926;
  --danger-border:      #5C3535;
  --info-border:        #34506B;
  --neutral-border:     #4A544E;
  --gold-border:        #5A4A24;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.34);
  --shadow-3: 0 8px 24px rgba(0, 0, 0, 0.45);

  --focus-ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--brand-gold);

  --chart-1: #3E9B74;
  --chart-2: #D3A73C;
  --chart-3: #64A0E0;
  --chart-4: #E9A13B;
  --chart-5: #EF6C6C;
  --chart-grid: #39413D;
  --chart-label: #A8B4AE;
}

/* Contrast corrections where a token flip alone is not enough */
[data-theme="dark"] .badge-loss { background: #5A2A2A; border-color: #7A3B3B; color: #FFD9D9; }
[data-theme="dark"] .btn-gold { color: #1E2421; }
[data-theme="dark"] .data-table tbody tr.row.is-selected { background: #3A3323; }
[data-theme="dark"] .data-table tbody tr.row.is-selected:hover { background: #443C29; }
[data-theme="dark"] .brand-mark { background: var(--brand-gold); color: #16201C; }
[data-theme="dark"] .modal-backdrop, [data-theme="dark"] .drawer-backdrop { background: rgba(0, 0, 0, 0.62); }
[data-theme="dark"] .sidebar-scrim { background: rgba(0, 0, 0, 0.62); }
[data-theme="dark"] .select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A8B4AE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="dark"] .chk::after { box-shadow: inset 8px 8px #16201C; }
[data-theme="dark"] .radio:checked::after { background: #16201C; }
[data-theme="dark"] .switch input:checked + .track::after { background: #16201C; }
[data-theme="dark"] .class-seg[data-grade="loss"] { background: #7A3B3B; }
[data-theme="dark"] ::selection { background: rgba(62, 155, 116, 0.32); }