/* Design tokens — the theme. Colour, radius, spacing live here. */

:root{
  --background:oklch(1 0 0);--foreground:oklch(0.141 0.005 285.823);
  --card:oklch(1 0 0);--card-foreground:oklch(0.141 0.005 285.823);
  --primary:oklch(0.141 0.005 285.823);--primary-foreground:oklch(0.985 0 0);
  --secondary:oklch(0.967 0.001 286.375);--secondary-foreground:oklch(0.21 0.006 285.885);
  --muted:oklch(0.967 0.001 286.375);--muted-foreground:oklch(0.552 0.016 285.938);
  --border:oklch(0.92 0.004 286.32);--input:oklch(0.92 0.004 286.32);
  --ring:oklch(0.705 0.015 286.067);
  --accent:#FF6001;            /* the one accent colour, used sparingly across the site */
  --nav-h:5.5rem;              /* sticky header height; used as scroll/padding offset site-wide */
  --radius:0.625rem;
  --r-2xl:calc(var(--radius)*1.8);
  --r-3xl:calc(var(--radius)*2.2);
  --r-4xl:calc(var(--radius)*2.6);
  --scrim:0.5;
  --hair:oklch(1 0 0 / .22);
}