/* ============================================================
   BRAND TOKENS — Automata + Mainspring
   From: Automata_BrandIdentity_v1.1 (April 2026) — Blue / Steel
   ============================================================ */
:root {
  /* Primary */
  --ink:      #0E0E10;
  --graphite: #2A2A2E;
  --slate:    #4A4A50;
  --line:     #9C9990;

  /* Surfaces — neutral ladder */
  --paper:    #F7F5F0;   /* canvas — the default */
  --mist:     #E5E2D9;   /* containers, chips, banded sections */

  /* Accents — material-driven, one at a time */
  --steel-blue:  #4C626E;   /* primary accent — links, focus, key UI */
  --glass-blue:  #6E8794;   /* secondary accent — highlights, hover */
  --slate-green: #5B6F6A;   /* tertiary accent — calm emphasis */
  --mist-blue:   #B9C6CF;   /* subtle accent — pill fills, hover washes */

  /* Functional */
  --success: #3E7A5E;
  --error:   #8A2F2F;

  /* Derived tints — alpha derivations of the tokens above, no new hues */
  --grid-line:      rgba(76, 98, 110, 0.10);   /* steel-blue @ 10% — drafting grid on paper */
  --grid-line-soft: rgba(76, 98, 110, 0.05);   /* steel-blue @ 5%  — fine drafting grid */
  --grid-line-dark: rgba(185, 198, 207, 0.07); /* mist-blue @ 7%   — drafting grid on ink */
  --hairline:       rgba(156, 153, 144, 0.45); /* line @ 45%       — drawing-sheet hairlines */

  /* Typography — two faces, nothing else */
  --font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, monospace;

  /* Type scale (matches brand spec) */
  --fs-display: clamp(2.75rem, 5.5vw, 4.5rem); /* 72pt */
  --fs-h1:      clamp(2rem, 4vw, 3rem);        /* 48pt */
  --fs-h2:      clamp(1.5rem, 2.6vw, 2rem);    /* 32pt */
  --fs-h3:      1.375rem;                       /* 22pt */
  --fs-body-l:  1.125rem;                       /* 18pt */
  --fs-body:    0.875rem;                       /* 14pt */
  --fs-caption: 0.6875rem;                      /* 11pt */

  /* Spacing — 8-point base */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;
  --sp-4xl: 96px;

  /* Grid */
  --grid-max: 1200px;
  --grid-gutter: 8px;

  /* Motion — one easing, short durations */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-in:    200ms;
  --dur-out:   160ms;
  --dur-panel: 300ms;
}

@supports (font-variation-settings: normal) {
  :root { --font-sans: 'InterVariable', 'Inter', 'Helvetica Neue', Arial, sans-serif; }
}