/* Shared dark palette. Legacy light colors remain as token fallbacks. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0c1422;
  --surface: #152133;
  --ink: #e4ecf7;
  --muted: #a6b6cd;
  --line: #34465e;
  --blue: #8abbff;
  --soft: #213957;
  --critical: #ff8fa5;
  --high: #ffb875;
  --moderate: #e9cd74;
  --low: #83c9e4;
  --danger: #ff9dac;
  --border: var(--line);
  --theme-surface: var(--surface);
  --theme-surface-subtle: #1b2a40;
  --theme-text: var(--ink);
  --theme-text-muted: var(--muted);
  --theme-border: var(--line);
  --theme-accent-surface: #203854;
  --theme-accent-text: #a2caff;
  --theme-accent-border: #6195d6;
  --theme-warning-surface: #3b3020;
  --theme-warning-text: #f3cc83;
  --theme-warning-border: #ba9452;
  --theme-danger-surface: #402635;
  --theme-danger-text: #ffacb9;
  --theme-danger-border: #cb7486;
  --theme-success-surface: #193d35;
  --theme-success-text: #90dfbb;
  --theme-success-border: #5ca98a;
}
:root[data-theme="light"] { color-scheme: light; }
.theme-picker { display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:500; }
.theme-picker select { width:auto;min-width:90px; }
.login .theme-picker { margin:0 0 20px;justify-content:flex-end; }
[data-theme="dark"] dialog { background:var(--surface); }
[data-theme="dark"] dialog::backdrop { background:#030914b3; }
[data-theme="dark"] button.primary { background:#2d65b7;border-color:#6095df;color:#fff; }
[data-theme="dark"] button.primary:hover { background:#3977cf; }
/* The supplied wordmark has dark lettering on transparent pixels. */
[data-theme="dark"] :is(.brand-logo,.login-logo) { background:#f3f7fc;border-radius:8px;padding:6px; }