/* Safelight tokens. Red is reserved for the primary action, active state and the wordmark rule. */
:root {
  /* Colour */
  --ink: #000000;
  --graphite: #1a1a1a;
  --fixer: #3a3a3a;
  --selenium: #8c8c8c;
  --paper: #ececea;
  --safelight: #d0021b;
  --safelight-deep: #a80116;

  /* Type */
  --font-display: "Archivo", "Arial Black", system-ui, sans-serif;
  --font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --wide: 125%;

  /* Scale: 1.333 (perfect fourth) from 18px */
  --step--1: 0.8125rem;
  --step-0: 1.125rem;
  --step-1: 1.5rem;
  --step-2: 2rem;
  --step-3: 2.666rem;
  --step-4: clamp(2.25rem, 1.4rem + 3.6vw, 3.555rem);
  --step-5: clamp(2.6rem, 1.2rem + 5.4vw, 4.74rem);

  /* Space */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: clamp(4rem, 2rem + 6vw, 7.5rem);

  /* Layout */
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 3rem);
  --max: 82rem;
  --measure: 68ch;
  --header-h: 4.5rem;
}