/* werkstatt design tokens, v1.1 (october 2026) */
:root{
  /* core palette */
  --red:#D93A2B;
  --yellow:#F4B81B;
  --blue:#1E4FA0;
  --ink:#161616;
  --paper:#EDEAE2;
  --white:#FAFAF7;
  --grey:#B9B6AE;

  /* semantic roles */
  --bg:var(--paper);
  --surface:var(--white);
  --text:var(--ink);
  --border:var(--ink);
  --action:var(--red);
  --on-action:var(--white);
  --emphasis:var(--yellow);
  --on-emphasis:var(--ink);
  --structure:var(--blue);
  --on-structure:var(--white);
  --inverse-bg:var(--ink);
  --inverse-text:var(--white);
  --inverse-accent:var(--yellow);
  --muted:var(--grey);

  /* type */
  --font:Poppins,Jost,Futura,'Century Gothic','Avenir Next',sans-serif;
  --fs-display:clamp(48px,8vw,96px);
  --fs-h1:clamp(40px,5vw,56px);
  --fs-h2:32px;
  --fs-h3:24px;
  --fs-body:18px;
  --fs-small:15px;
  --fs-caption:13px;
  --lh-tight:1;
  --lh-heading:1.08;
  --lh-body:1.45;
  --track-display:-0.03em;
  --track-heading:-0.02em;

  /* space, 8-point base */
  --s1:8px;
  --s2:16px;
  --s3:24px;
  --s4:32px;
  --s5:48px;
  --s6:64px;
  --s7:96px;

  /* surfaces */
  --radius:0;
  --rule:3px solid var(--border);
  --rule-thin:2px solid var(--border);
  --shadow:none;

  /* layout */
  --max:1200px;
  --gutter:24px;
  --margin:40px;

  /* motion */
  --fast:120ms;
  --base:200ms;
  --slow:320ms;
  --ease:cubic-bezier(.2,0,0,1);

  /* layers */
  --z-menu:20;
  --z-toast:30;
  --z-dialog:40;

  /* focus */
  --focus:3px solid var(--blue);
}