/* Shared design tokens. Supervisor-owned: request changes, don't fork values. */
:root {
  /* Monochrome palette */
  --paper: #ffffff;
  --white: #ffffff;
  --ink: #191919;
  --ink-2: #333333;
  --muted: #626262;        /* body-secondary text, 5.9:1 on paper */
  --muted-2: #8a8a8a;      /* decorative micro-labels only */
  --line: #dedede;         /* hairline grid */
  --line-strong: #c9c9c9;
  --tile: #efefef;         /* split-flap tile face */
  --tile-2: #f4f4f4;
  --signal: #16845e;       /* the only colour: verification ticks and monitoring dot */

  /* Type */
  --font-display: 'Turret Road', Arial, sans-serif;
  --font-body: 'Manrope', Arial, sans-serif;
  --font-mono: Consolas, 'Courier New', monospace;

  /* Motion */
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-snap: cubic-bezier(.2, .9, .1, 1);
  --dur-fast: .16s;
  --dur: .3s;
  --dur-slow: .6s;

  /* Split-flap (Figma spec: fixed 60 x 75, 10px horizontal padding) */
  --flap-w: 60px;
  --flap-h: 75px;
  --flap-pad: 10px;
  --flap-gap: 8px;

  /* Grid */
  --center-max: 800px;
  --page-max: 1440px;
  --gutter: clamp(16px, 3vw, 40px);

  /* Layers */
  --z-scene: 1;
  --z-pills: 4;
  --z-header: 20;
  --z-dialog: 100;
}