/* ============================================================
   WERKSTATT TOKENS — M_E_K CI since 10/2026 (documented in 50_marke/ci.md)
   Dark is the only mode: anthracite ground, light ink, one purple accent.
   Fonts are linked in each page head (Archivo only).
   ============================================================ */

:root{
  --paper:#25282b;          /* ground */
  --paper-2:#1e2023;        /* deeper ground */
  --sheet:#2e3135;          /* cards, panels, forms */
  --ink:#ecebe6;
  --ink-2:#aeada6;
  --ink-3:#85847e;
  --rule:rgba(236,235,230,.78);
  --rule-soft:rgba(236,235,230,.16);
  --rule-medium:rgba(236,235,230,.32);
  --shadow:rgba(0,0,0,.4);
  --grid-minor:rgba(236,235,230,.035);
  --grid-major:rgba(236,235,230,.07);
  --signal:#a8168f;         /* the only accent */
  --signal-text:#e46ccf;    /* purple for small text on dark ground */
  --signal-ink:#ffffff;     /* text on a purple fill */

  --font-head:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --head-weight:800;
  --head-stretch:106%;
  --head-tracking:-.03em;

  --space-2xs:4px;
  --space-xs:8px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;
  --space-4xl:96px;

  /* Type scale: one size per role */
  --fs-display:clamp(52px,9.5vw,152px);   /* hero headline only */
  --fs-headline:clamp(40px,6.4vw,96px);
  --fs-subhead:clamp(28px,3.4vw,48px);
  --fs-mini:clamp(20px,1.8vw,24px);       /* mini headline */
  --fs-text:17px;
  --fs-subtext:14px;
  --fs-control:16px;                      /* buttons and form fields */

  --radius-sm:2px;
  --line-hair:1px;
  --line-strong:2px;
  --mark-len:14px;
  --balloon:36px;
  --nav-h:64px;
  --max:1320px;
  --gutter:clamp(16px,4vw,56px);
}