/* aktklar website, THEME FILE (Designsystem 1.0, Richtung C + B).
   Only place with colours, fonts, radii, shadows and motion curves for the website.
   Values map 1:1 to design/v3/tokens.css (copied to assets/tokens.css by build.py).
   Rules: Petrol leads. Red only for Frist and Fehlt. Gold only for „wartet auf Sie“. Done is never red. */
:root{
  /* surfaces: paper + 56px grid paper (Texterous #14, Glean #30/#31) */
  --th-bg:var(--paper);
  --th-bg-grid:var(--paper);
  --th-bg-2:var(--paper-2);
  --th-surface:var(--surface);
  --th-line:var(--line);
  --th-line-2:var(--line-strong);
  /* text */
  --th-ink:var(--ink);
  --th-ink-2:var(--ink-2);
  --th-mut:var(--ink-3);
  /* brand + action: petrol */
  --th-brand:var(--petrol-600);
  --th-action:var(--petrol-600);
  --th-action-hover:var(--petrol-700);
  --th-action-ink:#fff;
  --th-action-text:var(--petrol-700);
  --th-brand-tint:var(--paper-2);
  --th-accent:var(--petrol-700);
  --th-accent-2:var(--petrol-500);
  --th-accent-tint:var(--petrol-100);
  --th-accent-tint-2:var(--petrol-50);
  --th-focus:var(--petrol-700);
  /* status language: stroke kinds, colour only as support (always with a word) */
  --th-ok:var(--petrol-700);--th-ok-bg:var(--petrol-50);--th-ok-line:var(--petrol-200);--th-ok-mark:var(--petrol-600);
  --th-warn:var(--gold-800);--th-warn-bg:var(--gold-100);--th-warn-line:var(--gold-400);--th-warn-mark:var(--gold-400);
  --th-miss:var(--red-700);--th-miss-bg:var(--red-50);--th-miss-line:var(--red-500);--th-miss-mark:var(--red-500);
  --th-info:var(--petrol-700);--th-info-bg:var(--petrol-50);--th-info-line:var(--petrol-200);
  --th-wait:var(--ink-2);--th-wait-mark:var(--ink-3);
  --th-marker:var(--gold-100);
  /* dark bands */
  --th-night:var(--night);--th-night-2:#1A1F22;--th-night-line:#33393C;
  --th-night-ink:var(--paper);--th-night-mut:#B9C2C4;--th-night-accent:var(--petrol-on-dark);
  /* type */
  --th-font:var(--font-sans);
  --th-serif:var(--font-serif);
  --th-mono:var(--font-mono);
  --th-display:clamp(48px,6.2vw,84px);
  --th-h1:clamp(40px,4.6vw,64px);
  --th-h2:clamp(32px,3.6vw,56px);
  --th-lead:clamp(17px,1.35vw,18px);
  /* shape: sharp for work and line, soft for floating (SYSTEM.md) */
  --th-r-0:var(--r-2);--th-r-s:var(--r-3);--th-r-m:var(--r-4);--th-r-btn:var(--r-5);--th-r-l:var(--r-5);--th-r-xl:var(--r-6);--th-r-pill:var(--r-pill);
  --th-sh-1:var(--sh-1);--th-sh-2:var(--sh-2);--th-sh-3:var(--sh-3);
  --th-sh-btn:var(--sh-btn-primary);--th-sh-btn-2:var(--sh-btn-secondary);--th-sh-key:var(--sh-keycap);
  /* motion (Emil): ease-out enter, ease-in-out on-screen movement, ease for hover; never ease-in */
  --th-ease:var(--ease-out);--th-ease-io:var(--ease-in-out);--th-ease-hover:ease;
  --th-t:150ms;--th-t-press:var(--d-press);
}