/* website/tokens.css: the one place for the studio's palette, type and shape on the public website (Surfaces V3, 20 Oct 2026).
   Kaya's ruling of 20 Oct 2026, 19:08: a design phase on the studio's image comes before phase 5, so every page reads its
   colours, fonts, radii and measures from here and the image work changes this file and website/brand/ without opening a
   page. Today's values are the house style of DESIGN_BLUEPRINT_2026-10-18 §1 (flat dark: matte panels, one thin border,
   the accent as a ring, white text) in the portal's palette; they are provisional until the image phase. site.css reads
   only these variables; a value that no page needs is not here. */
:root{
  /* the palette */
  --bg:#0b0a10;                 /* the page */
  --panel:#1b1722;              /* a tile, a card, a sheet */
  --panel-2:#141019;            /* a table, an input */
  --line:#5c4d6b;               /* the one thin border */
  --line-soft:rgba(92,77,107,.4);
  --text:#ffffff;
  --muted:rgba(255,255,255,.66);
  --accent:#ff9b4a;             /* the primary button, the active state, the ring */
  --accent-ink:#1b1722;         /* text on the accent */
  --gold:#ffd66b;               /* links, the active nav item */
  --ok:#55d08a;
  --bad:#ff6b6b;
  --scrim:rgba(0,0,0,.6);
  --key-shadow:0 18px 50px rgba(0,0,0,.45);
  --cap-gradient:linear-gradient(transparent,rgba(11,10,16,.94));

  /* the type */
  --font-ui:Inter,-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;
  --font-display:var(--font-ui);
  --font-mono:ui-monospace,Menlo,Consolas,monospace;
  --fs-0:13px; --fs-1:15px; --fs-2:17px; --fs-3:22px; --fs-4:30px; --fs-5:38px;
  --fs-hero:clamp(34px,6.4vw,58px);
  --lh:1.5; --lh-tight:1.08;
  --track-caps:.14em;           /* eyebrows, buttons, chips */
  --weight-display:900; --weight-bold:800;

  /* the shape and the measure */
  --radius:16px; --radius-sm:10px; --pill:999px;
  --gutter:16px; --gutter-wide:48px; --max:1200px;
  --top:60px;                   /* the top bar */
  --btn:42px; --btn-sm:34px;
  color-scheme:dark;
}