/* Enoniva design tokens. Dark-first; light theme via [data-theme="light"]. */
@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/inter@5.3.0/index.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/fraunces@5.3.0/index.css");

:root {
  /* Brand constants */
  --navy-950: #050F20;
  --navy-900: #081831;
  --navy-850: #0B1E3A;
  --navy-800: #0F2646;
  --navy-750: #132D52;
  --navy-700: #193760;
  --gold: #C9A227;
  --gold-400: #D8B648;
  --gold-300: #E6CB76;
  --aegean: #2E7DD7;
  --aegean-300: #6FA8EC;
  --warm-white: #F6F3EC;

  --font-ui: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Fraunces Variable", Fraunces, "Cormorant Garamond", Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: 180ms;

  /* ---- Dark theme (default) ---- */
  color-scheme: dark;
  --bg: #061328;
  --bg-elev: #0A1B36;
  --surface: #0D2142;
  --surface-2: #122A50;
  --surface-3: #18345F;
  --surface-glass: rgba(13, 33, 66, .72);
  --border: rgba(246, 243, 236, .08);
  --border-strong: rgba(246, 243, 236, .16);
  --text: #F6F3EC;
  --text-2: rgba(246, 243, 236, .72);
  --text-3: rgba(246, 243, 236, .50);
  --accent: #C9A227;
  --accent-ink: #D9B64A;          /* gold text on dark, 7:1+ */
  --accent-contrast: #0B1E3A;     /* text on gold fills */
  --accent-soft: rgba(201, 162, 39, .14);
  --link: #6FA8EC;
  --blue: #2E7DD7;
  --blue-soft: rgba(46, 125, 215, .16);
  --good: #3FB68B; --warn: #E0A43A; --bad: #E66767;
  --focus: 0 0 0 3px rgba(111, 168, 236, .45);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 8px 24px -8px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.25);
  --shadow-lg: 0 24px 64px -16px rgba(0,0,0,.7), 0 4px 16px rgba(0,0,0,.3);
  --glow-gold: 0 0 0 1px rgba(201,162,39,.35), 0 8px 30px -8px rgba(201,162,39,.45);
  --hairline-grad: linear-gradient(90deg, transparent, rgba(201,162,39,.5), rgba(46,125,215,.5), transparent);

  /* Data-viz categorical (dark steps, validated order; see dataviz palette) */
  --c1: #3987e5; --c2: #d95926; --c3: #199e70; --c4: #c98500;
  --c5: #d55181; --c6: #008300; --c7: #9085e9; --c8: #e66767;
  --c-other: #5E6B80;
  --seq-0: #13325b; --seq-1: #184f95; --seq-2: #256abf; --seq-3: #3987e5; --seq-4: #6da7ec; --seq-5: #b7d3f6;
  --map-empty: #102646;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F3EC;
  --bg-elev: #FBF9F4;
  --surface: #FFFFFF;
  --surface-2: #F3EFE6;
  --surface-3: #EAE4D7;
  --surface-glass: rgba(255, 255, 255, .78);
  --border: rgba(11, 30, 58, .09);
  --border-strong: rgba(11, 30, 58, .18);
  --text: #0B1E3A;
  --text-2: #43506A;
  --text-3: #6B7488;
  --accent: #C9A227;
  --accent-ink: #8A6B0B;
  --accent-contrast: #0B1E3A;
  --accent-soft: rgba(201, 162, 39, .16);
  --link: #1E62B4;
  --blue: #2E7DD7;
  --blue-soft: rgba(46, 125, 215, .10);
  --good: #1B8A5E; --warn: #A86A00; --bad: #C23B3B;
  --focus: 0 0 0 3px rgba(46, 125, 215, .35);
  --shadow-sm: 0 1px 2px rgba(11,30,58,.06);
  --shadow-md: 0 10px 30px -12px rgba(11,30,58,.18), 0 2px 6px rgba(11,30,58,.06);
  --shadow-lg: 0 30px 70px -20px rgba(11,30,58,.28), 0 4px 16px rgba(11,30,58,.08);
  --glow-gold: 0 0 0 1px rgba(201,162,39,.45), 0 8px 26px -10px rgba(201,162,39,.55);

  --c1: #2a78d6; --c2: #eb6834; --c3: #1baf7a; --c4: #eda100;
  --c5: #e87ba4; --c6: #008300; --c7: #4a3aa7; --c8: #e34948;
  --c-other: #A3A9B5;
  --seq-0: #e3edf9; --seq-1: #b7d3f6; --seq-2: #86b6ef; --seq-3: #3987e5; --seq-4: #256abf; --seq-5: #104281;
  --map-empty: #E7E2D6;
}