/* Design tokens -- change the look of the whole site from here. */
:root {
  /* colour: black / grey base, red detailing */
  --bg: #0b0b0c;
  --bg-raised: #161616;
  --bg-alt: #1c1c1e;
  --ink: #f4f3ef;
  --ink-dim: #8c8c92;
  --line: #242426;
  --accent: #e10600;
  --accent-bright: #ff2a1e;
  --accent-ink: #ffffff;

  /* type */
  --font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* scale */
  --step--1: clamp(0.72rem, 0.70rem + 0.10vw, 0.80rem);
  --step-0: clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --step-1: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --step-3: clamp(1.8rem, 1.4rem + 2vw, 3rem);
  --step-hero: clamp(2rem, 10vw, 9rem);

  /* layout */
  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 1280px;
  --rule: 1px;
  --topbar-h: 52px;

  /* motion */
  --ease-flow: cubic-bezier(0.16, 0.84, 0.44, 1);
  --dur: 0.7s;
}