/* Primitive tokens · style guide v1.0 · dark default. Every component reads these. */
:root{
  /* ground */
  --ground:#161616;          /* every page */
  --sunken:#121212;          /* fields, wells, code */
  --panel:#1f1f1f;           /* cards, menus */
  --raised:#2a2a2a;          /* hover, selected row */
  --paper:#f5f5f5;           /* text on dark, light sections */
  --ink:#121212;             /* text on paper, yellow, orange */

  /* text on dark */
  --text:#f5f5f5;
  --text-body:rgba(245,245,245,.72);
  --text-secondary:rgba(245,245,245,.6);
  --text-label:rgba(245,245,245,.55);  /* smallest allowed */
  --text-disabled:rgba(245,245,245,.4);

  /* lines */
  --hairline:rgba(245,245,245,.12);
  --line-strong:rgba(245,245,245,.18);
  --line-control:rgba(245,245,245,.28);

  /* signal */
  --orange:#e0792f;          /* links, one focal point */
  --orange-hover:#f0934f;
  --yellow:#faf038;          /* one block per view */

  /* status dots */
  --ok:#4f8a63; --warn:#e0792f; --formal:#5b7fb0; --blocked:#a8433a; --idle:#8b8b8b;

  /* sherbet: pastel (dark ground) */
  --band-1:#faf038; --band-2:#ffd0b5; --band-3:#f4bbd4; --band-4:#cfc3ff; --band-5:#a8e8f2;
  /* sherbet: lit (one refraction moment) */
  --lit-1:#faf038; --lit-2:#ff9a5c; --lit-3:#ff6fae; --lit-4:#9c86ff; --lit-5:#4fd9ee;
  /* sherbet: deepened (paper ground) */
  --deep-1:#f0c02a; --deep-2:#ef9765; --deep-3:#e07aa8; --deep-4:#8f7ce0; --deep-5:#3f9ec4;

  /* type */
  --font-display:"Geist",ui-sans-serif,system-ui,sans-serif;     /* 700, headings */
  --font-body:"Manrope",ui-sans-serif,system-ui,sans-serif;      /* 400/500/600, main text + UI */
  --font-mono:"Geist Mono",ui-monospace,monospace;               /* 400/500, labels, numbers, code */
  --font-wordmark:"Space Grotesk",ui-sans-serif,sans-serif;      /* 700, wordmark only */
  --type-hero:clamp(88px,9vw,132px); --type-display:64px; --type-h1:40px; --type-h2:26px; --type-h3:19px;
  --type-lead:18px; --type-body:15px; --type-small:13px; --type-label:10px;
  --track-label:.16em;

  /* space (4px rhythm) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px;
  --gutter:24px; --content-max:1280px;

  /* corners */
  --r-chip:6px; --r-button:8px; --r-panel:12px; --r-glass:20px; --r-pill:999px; /* pill: 3i only */

  /* glass */
  --glass-clear:rgba(245,245,245,.06);  --glass-clear-blur:14px;  --glass-clear-rim:rgba(255,255,255,.22);
  --glass-smoked:rgba(22,22,22,.8);     --glass-smoked-blur:22px; --glass-smoked-rim:rgba(255,255,255,.14);
  --glass-etched:rgba(245,245,245,.12); --glass-etched-blur:30px; --glass-etched-rim:rgba(255,255,255,.18);
  --glass-prism:rgba(245,245,245,.05);  --glass-prism-blur:10px;  --glass-prism-rim:rgba(255,255,255,.26);

  /* depth */
  --shadow-pop:0 0 0 1px rgba(245,245,245,.1),0 16px 40px rgba(0,0,0,.55);
  --focus-ring:0 0 0 2px var(--ground),0 0 0 3.5px var(--orange);

  /* landing additions */
  --ground-deep:#161616; --demo-panel:#151418; --demo-well:#1b1a1f; --orange-on-paper:#b85d1c;
  --error-text:#e38a80; --banner-ground:#1a1511; --grid-major:rgba(245,245,245,.07); --grid-minor:rgba(245,245,245,.03);

  /* motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:150ms; --dur-base:240ms; --dur-slow:420ms;
}

/* light glass tiles on dark pages: keep icon tiles dark even when the OS is in light mode */
[data-theme="dark"]{
  --po-tile-fill:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
  --po-tile-ring:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.25);
}