/* DESIGN TOKENS — change colors, fonts, and spacing here. */
:root {
  --ink: #14182b;      /* primary dark: top bar, buttons, headings, footer */
  --ink-2: #1f2440;    /* hover / secondary dark, links */
  --accent: #4a7fc1;   /* highlights: phone, active nav, focus, CTAs */
  --paper: #f7f6f1;    /* page background */
  --mute: #8b8e9e;     /* secondary text */
  --line: #e2e1da;     /* borders and dividers (derived from Paper/Mute) */
  --white: #ffffff;

  --font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --font-logo: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --font-body: "Public Sans", "Segoe UI", Arial, sans-serif;

  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.625rem;
  --step-3: 2.25rem;
  --step-4: clamp(2.5rem, 5.5vw, 4.5rem);

  --space-1: .5rem; --space-2: 1rem; --space-3: 1.5rem;
  --space-4: 2.5rem; --space-5: 4rem; --space-6: 6rem;

  --wrap: 72rem;
  --measure: 38rem;
  --radius: 4px;
}