/* Portwell site tokens. Every colour, type, radius and timing value the landing page uses lives here.
   Colours mirror design/tokens.json (tests/test_site.py fails if they drift). Components never hard-code
   a duration or easing; they read the --motion-* values below, and motion.js reads the same values. */
:root {
  /* Colour, from design/tokens.json. No black: the darkest value is ink. */
  --ink: #152B3C;
  --teal: #126B70;   /* actions and navigation only; never means verified */
  --paper: #F4F7F9;
  --white: #FFFFFF;
  --amber: #996200;  /* gaps, demo labels, not checked */
  --risk: #AE3535;
  /* Derived tints of the brand colours above (lines, muted text, washes) */
  --ink-muted: #4F6576;
  --line: #D5DEE5;
  --tint: #E9EFF3;
  --amber-wash: #FBF3E4;
  --teal-wash: #E3F0F0;
  --risk-wash: #F6E6E6;
  --shadow: 0 18px 40px -24px rgba(21, 43, 60, .45);

  /* Type and shape, from design/tokens.json */
  --sans: "DejaVu Sans", Verdana, system-ui, sans-serif;
  --mono: "DejaVu Sans Mono", ui-monospace, Menlo, monospace;
  --radius: 10px;
  --space: 8px;

  /* Motion. tap 120 ms ease-out; move 280-360 ms on (0.2, 0.8, 0.2, 1); settle is a spring;
     stagger 40-90 ms; celebrate at most 900 ms, once. */
  --motion-tap: 120ms;
  --motion-tap-ease: ease-out;
  --motion-move: 320ms;
  --motion-move-short: 280ms;
  --motion-move-long: 360ms;
  --motion-move-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-stagger-list: 40ms;
  --motion-stagger-hero: 80ms;
  --motion-celebrate: 900ms;
  --motion-settle-response: 0.35;
  --motion-settle-damping: 0.8;
  --motion-rise: 12px;
  --motion-crossfade: 150ms; /* M1, M17, M18 Reduce Motion fallback */
  --motion-roll: 240ms;      /* M3 number roll, after the figure lands */
  --motion-close: 220ms;     /* M17 sheet close, ease-in (quad curve in motion.js) */
  --motion-beat: 560ms;     /* gap between hero sequence beats; four beats, about 2 s in all */
  --motion-beam: 1200ms;    /* Border Beam on the diff card: one lap, once, when the change appears */
  --beam-width: 2px;
}