/* Kestrel design tokens.
   Three layers, in order:
   1. primitives: raw values. Only this file reads them.
   2. semantic: what a thing is for (surface, text, accent). Components read these and nothing else.
   3. legacy: the old Hawks token names, pointed at the semantic layer, until each screen is ported (phase 2).
   Dark mode swaps the semantic layer only. */

:root{
  /* ---- 1. primitives */
  --ink-950:#0d0d0f; --ink-900:#17171a; --ink-800:#222226; --ink-700:#34343a; --ink-500:#6b6b73; --ink-400:#a3a09a;
  --ink-300:#b9b6ae; --ink-200:#dcd8cf; --ink-100:#ebe7dd; --ink-50:#f5f2ea; --white:#fff;
  --red-700:#a82610; --red-600:#c9301a; --red-500:#e1371a; --red-400:#ff5b3a; --red-300:#ff7352; --red-100:#fbe1da; --red-950:#2c120c;
  --green-600:#1f6e44; --green-500:#1f8a52; --green-300:#6fcf97; --green-100:#dff0e4; --green-950:#16301f;
  --blue-600:#2a5c96; --blue-300:#7fb2ec; --blue-100:#e1eaf5; --blue-950:#172638;
  --amber-600:#9a6a08;

  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-pill:999px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:72px;

  --font-display:"Bricolage Grotesque","Inter",system-ui,sans-serif;
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:140ms; --t-med:260ms;

  /* ---- 2. semantic, light */
  --bg:var(--ink-50);
  --surface:var(--white);
  --surface-2:var(--ink-100);
  --inverse:var(--ink-950);
  --on-inverse:var(--ink-50);
  --text:var(--ink-950);
  --text-2:var(--ink-500);
  --line:rgba(13,13,15,.10);
  --scrim:rgba(13,13,15,.5);
  --accent:var(--red-500);
  --accent-hover:var(--red-600);
  --accent-ink:var(--red-700);
  --accent-subtle:var(--red-100);
  --on-accent:#fff;
  --positive:var(--green-600); --positive-subtle:var(--green-100);
  --info:var(--blue-600); --info-subtle:var(--blue-100);
  --danger:#c3261b; --danger-subtle:#fbe1de;
  --shadow-1:0 1px 2px rgba(13,13,15,.06),0 2px 10px rgba(13,13,15,.04);
  --shadow-2:0 10px 32px rgba(13,13,15,.16);
  --hawk-eye:var(--red-500);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:var(--ink-950); --surface:var(--ink-900); --surface-2:var(--ink-800);
    --inverse:var(--ink-50); --on-inverse:var(--ink-950);
    --text:var(--ink-50); --text-2:var(--ink-400); --line:rgba(245,242,234,.12); --scrim:rgba(0,0,0,.6);
    --accent:var(--red-400); --accent-hover:var(--red-300); --accent-ink:var(--red-300); --accent-subtle:var(--red-950); --on-accent:var(--ink-900);
    --positive:var(--green-300); --positive-subtle:var(--green-950);
    --info:var(--blue-300); --info-subtle:var(--blue-950);
    --danger:#ff7a6b; --danger-subtle:#3d1b18;
    --shadow-1:none; --shadow-2:0 10px 32px rgba(0,0,0,.55);
    --hawk-eye:var(--red-400);
  }
}
:root[data-theme="dark"]{
  --bg:var(--ink-950); --surface:var(--ink-900); --surface-2:var(--ink-800);
  --inverse:var(--ink-50); --on-inverse:var(--ink-950);
  --text:var(--ink-50); --text-2:var(--ink-400); --line:rgba(245,242,234,.12); --scrim:rgba(0,0,0,.6);
  --accent:var(--red-400); --accent-hover:var(--red-300); --accent-ink:var(--red-300); --accent-subtle:var(--red-950); --on-accent:var(--ink-900);
  --positive:var(--green-300); --positive-subtle:var(--green-950);
  --info:var(--blue-300); --info-subtle:var(--blue-950);
  --danger:#ff7a6b; --danger-subtle:#3d1b18;
  --shadow-1:none; --shadow-2:0 10px 32px rgba(0,0,0,.55);
  --hawk-eye:var(--red-400);
}

/* ---- 3. legacy names (Hawks app). Remove as screens move to the semantic layer. */
:root{
  --ink:var(--text); --ink-soft:var(--text-2);
  --card:var(--surface); --field:var(--surface); --press:var(--surface-2);
  --fill:var(--inverse); --on-fill:var(--on-inverse);
  --shadow:rgba(13,13,15,.12);
  --gold:var(--accent); --gold-bg:var(--accent-subtle); --gold-ink:var(--accent-ink);
  --red:var(--danger); --red-bg:var(--danger-subtle);
  --green:var(--positive); --green-bg:var(--positive-subtle);
  --info-bg:var(--info-subtle);
  --practice:var(--text); --practice-ink:var(--text); --practice-bg:var(--surface-2);
  --meet:var(--accent); --meet-bg:var(--accent-subtle);
  --other:var(--text-2); --other-bg:var(--surface-2);
  --easy:var(--positive); --easy-bg:var(--positive-subtle);
  --workout:var(--text); --workout-bg:var(--surface-2);
  --long:var(--info); --long-bg:var(--info-subtle);
  --muted-bg:var(--surface-2); --track:var(--surface-2);
  --r-card:var(--r-lg); --r-control:var(--r-md); --r-row:var(--r-sm);
  --elev-1:var(--shadow-1); --elev-2:var(--shadow-2);
  --k-red:var(--accent);
}