/**
 * dark.css — Dark theme token overrides.
 * Mirrors the variable names in light.css exactly. Activated by setting
 * data-theme="dark" on the <html> element (see modules/theme.js) — no
 * stylesheet swapping required, this file is always loaded.
 *
 * Accent colour is intentionally NOT set here: dark mode always uses the
 * UpDigital brand yellow as its accent regardless of client, and that is
 * applied inline via theme.js (since light mode still needs to vary the
 * accent per client). Everything else below is a pure token swap.
 */

html[data-theme="dark"] {
  --color-bg: #0B0B0F;
  --color-surface: #16161C;
  --color-surface-raised: #1C1C23;
  --color-border: #26262E;
  --color-border-strong: #34343E;

  --color-text-primary: #F2F2F5;
  --color-text-secondary: #A7A7B3;
  --color-text-tertiary: #6E6E7A;
  --color-text-on-accent: #14141A;

  --color-positive: #3DD68C;
  --color-positive-soft: rgba(61, 214, 140, 0.14);
  --color-negative: #FF6B61;
  --color-negative-soft: rgba(255, 107, 97, 0.14);
  --color-warning: #FDB022;
  --color-warning-soft: rgba(253, 176, 34, 0.14);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
}