/* Brand tokens (LOCKED values from the brand guide) and semantic tokens for light and dark. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.da03732a27e1.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.2ede57db1a3a.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.8ca0a5155296.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/outfit-latin-600-normal.778dd8bec372.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/jetbrains-mono-latin-400-normal.caf0dfde4e44.woff2") format("woff2"); }

:root {
  --brand-midnight: #0D1B2A;
  --brand-purple: #6C2DC7;
  --brand-magenta: #D63384;
  --brand-coral: #FF6B6B;
  --brand-indigo: #4A5FBD;
  --brand-white: #FFFFFF;
  --slate-100: #F0F4F8;
  --slate-300: #CBD5E1;
  --slate-500: #64748B;
  --slate-800: #1E293B;
  --font-body: "Inter", system-ui, sans-serif;
  --font-accent: "Outfit", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --brand-gradient: linear-gradient(135deg, #6C2DC7 0%, #D63384 50%, #FF6B6B 100%);

  /* Light theme (default) */
  --bg: var(--slate-100);
  --surface: var(--brand-white);
  --text: var(--slate-800);
  --text-muted: var(--slate-500);
  --border: var(--slate-300);
  --primary: var(--brand-purple);
  --primary-contrast: var(--brand-white);
  --accent: var(--brand-magenta);
  --focus: var(--brand-indigo);
  --danger: #B42318;
  --warning: #8A4B00;
  --success: #1B7F3B;
  --badge-bg: #E6E9EF;
  /* The two-cohort overlay (M1): Deep Purple and Indigo, at least 3:1 against --surface. */
  --cohort-a: var(--brand-purple);
  --cohort-b: var(--brand-indigo);
  --today-bg: #F3EEFC;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: var(--brand-midnight);
  --surface: #16273A;
  --text: var(--brand-white);
  --text-muted: var(--slate-300);
  --border: #223650;
  --primary: #A77BFF;
  --primary-contrast: var(--brand-midnight);
  --accent: var(--brand-magenta);
  --focus: var(--brand-coral);
  --danger: #FF8A80;
  --warning: #FFC46B;
  --success: #6FDB8C;
  --badge-bg: #223650;
  --cohort-a: #A77BFF;
  --cohort-b: #8FA2F2;
  --today-bg: #1F3550;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --bg: var(--brand-midnight);
    --surface: #16273A;
    --text: var(--brand-white);
    --text-muted: var(--slate-300);
    --border: #223650;
    --primary: #A77BFF;
    --primary-contrast: var(--brand-midnight);
    --accent: var(--brand-magenta);
    --focus: var(--brand-coral);
    --danger: #FF8A80;
    --warning: #FFC46B;
    --success: #6FDB8C;
    --badge-bg: #223650;
    --cohort-a: #A77BFF;
    --cohort-b: #8FA2F2;
    --today-bg: #1F3550;
    color-scheme: dark;
  }
}