/* tokens.css — single job: define the design tokens. No layout, no components. */

:root {
  /* Surfaces */
  --bg: #ffffff;
  --surface: #f5f7fa;
  --surface-2: #eef1f6;
  --card: #ffffff;

  /* Ink */
  --navy: #13306f;
  --heading: #0e1f44;
  --text: #1b2740;
  --muted: #5c6b86;
  --muted-2: #8794a8;

  /* Accent — Vision Trans red */
  --accent: #d81f26;
  --accent-2: #b3171d;
  --accent-soft: rgba(216, 31, 38, 0.08);

  /* Rules */
  --line: rgba(14, 31, 68, 0.12);
  --line-2: rgba(14, 31, 68, 0.22);

  /* Type */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;

  --step-eyebrow: 0.75rem;
  --step-small: 0.9rem;
  --step-body: 1rem;
  --step-lead: clamp(1.02rem, 0.92rem + 0.4vw, 1.18rem);
  --step-h3: 1.18rem;
  --step-h2: clamp(1.9rem, 1.3rem + 2.4vw, 3rem);
  --step-h1: clamp(2.7rem, 1.8rem + 4.4vw, 4.9rem);

  /* Space */
  --gap-xs: 0.5rem;
  --gap-sm: 0.85rem;
  --gap-md: 1.5rem;
  --gap-lg: 2.5rem;
  --section-y: clamp(3.6rem, 2.6rem + 5vw, 6.5rem);
  --maxw: 1180px;
  --gutter: clamp(1.15rem, 0.6rem + 2.4vw, 2.5rem);

  /* Shape + depth */
  --r: 14px;
  --r-sm: 10px;
  --shadow: 0 22px 50px -26px rgba(14, 31, 68, 0.32);
  --shadow-sm: 0 10px 26px -18px rgba(14, 31, 68, 0.3);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-mid: 420ms;
}