/* Designer: colours, type scale, motion tokens. Typography only, no images. */
/* Palette: heat and cold. Near-black ink on white (about 18:1), furnace red accent (about 6.6:1 on white),
   cool steel blue as a second accent (about 7.5:1 on white). All pairs meet WCAG AA. */
:root{
  --bg:#fff;
  --fg:#0b1220;
  --accent:#b3261e;
  --accent-cool:#0b5394;
  --muted:#4a5568;
  --surface:#f3f5f8;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);

  /* Type scale: fluid, huge at the top end */
  --step-0:clamp(1.05rem,2.2vw,1.35rem);
  --step-1:clamp(1.5rem,4vw,2.25rem);
  --step-2:clamp(2rem,7vw,4.5rem);
  --step-3:clamp(2.25rem,9vw,5.5rem);
  --step-4:clamp(3.5rem,16vw,11rem);
  --weight-bold:800;
  --tracking-tight:-.02em;

  /* Spacing and radius */
  --space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:3rem;--space-5:6rem;
  --radius:4px;
}
