/* Design tokens (map to theme.json presets) */
:root {
  /* Colour */
  --c-red: #E60000;          /* brand red; AA with white text */
  --c-basalt: #141617;       /* ink, Timbur */
  --c-concrete: #A6A5A0;     /* Betong */
  --c-concrete-ink: #6E6D68; /* muted text */
  --c-fog: #ECEDEB;          /* light surface */
  --c-white: #FFFFFF;
  --c-line: rgba(20, 22, 23, .14);
  --c-line-field: rgba(20, 22, 23, .2);  /* form fields */
  --c-line-strong: rgba(20, 22, 23, .32);
  --c-line-dark: rgba(255, 255, 255, .16);

  --tone-grav: var(--c-red);
  --tone-betong: var(--c-concrete);
  --tone-timbur: var(--c-basalt);

  /* Type */
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: clamp(2.75rem, 1.4rem + 5.6vw, 6.4rem);
  --fs-h1: clamp(2.4rem, 1.6rem + 3.4vw, 4.6rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.4vw, 3.4rem);
  --fs-h3: clamp(1.35rem, 1.15rem + .7vw, 1.75rem);
  --fs-lede: clamp(1.125rem, 1.05rem + .35vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;

  /* Space */
  --gutter: clamp(16px, 4vw, 56px);
  --container: 1360px;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-s: clamp(2.5rem, 1.8rem + 2.5vw, 4.5rem);
  --space-m: clamp(4rem, 2.8rem + 4.5vw, 7.5rem);
  --space-l: clamp(5.5rem, 3.5rem + 7vw, 11rem);

  --header-h: 76px;
  --ease: cubic-bezier(.2, .7, .1, 1);
}