/* Ziton design tokens — Draughtsman, brand guide v1.1. One edit changes every page. */
:root{
  --canvas:#F5F4F0;         /* Vellum */
  --ink:#14171C;
  --panel:#FBFAF7;
  --panel-ink:#1B1F26;
  --gridline:#8A93A6;       /* captions and rules only, never body copy */
  --accent:#D8432F;         /* Registration Red: one dose per viewport */
  --accent-hover:#C13A28;
  --accent-muted:rgba(216,67,47,.12);
  --text-primary:#14171C;
  --text-secondary:#363B42;
  --text-on-ink:#F5F4F0;
  --text-secondary-on-ink:#B9C0CC;
  --line:rgba(20,23,28,.14);
  --line-strong:rgba(20,23,28,.34);
  --line-on-ink:rgba(245,244,240,.16);

  --font-display:Archivo,system-ui,sans-serif;
  --font-body:Inter,system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --grid-cell:56px;
  --grid-light:rgba(20,23,28,.038);
  --grid-dark:rgba(245,244,240,.08);

  --tshadow-vellum:0 1px 2px rgba(245,244,240,.9),0 3px 12px rgba(245,244,240,.65),0 10px 44px rgba(245,244,240,.7);
}