/* Generated by scripts/build-tokens.py from brand/tokens.json. Do not edit. */
:root {
  --color-bone: #EFEBE4;
  --color-ink: #161514;
  --color-brick: #B8412E;
  --color-brick-light: #D9654F;
  --color-stone: #6E675E;
  --color-stone-light: #A39C92;
  --color-sand: #E5E0D7;

  --background: var(--color-bone);
  --surface: var(--color-sand);
  --text: var(--color-ink);
  --text-muted: var(--color-stone);
  --accent: var(--color-brick);
  --on-accent: var(--color-bone);

  --font-sans: 'Geist', system-ui, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  --type-display-size: 72px;
  --type-display-line: 1.0;
  --type-display-tracking: -0.03em;
  --type-display-weight: 600;
  --type-h1-size: 56px;
  --type-h1-line: 1.05;
  --type-h1-tracking: -0.03em;
  --type-h1-weight: 600;
  --type-h2-size: 36px;
  --type-h2-line: 1.1;
  --type-h2-tracking: -0.02em;
  --type-h2-weight: 600;
  --type-h3-size: 24px;
  --type-h3-line: 1.2;
  --type-h3-tracking: -0.01em;
  --type-h3-weight: 600;
  --type-body-size: 17px;
  --type-body-line: 1.5;
  --type-body-tracking: 0;
  --type-body-weight: 400;
  --type-small-size: 14px;
  --type-small-line: 1.45;
  --type-small-tracking: 0;
  --type-small-weight: 400;
  --type-label-size: 12px;
  --type-label-line: 1.3;
  --type-label-tracking: 0.08em;
  --type-label-weight: 500;
  --type-accent-ratio: 1.14;

  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-pill: 999px;
}

/* Dark surface (footer). Apply .on-ink to a block to switch the semantic colours. */
.on-ink {
  --background: var(--color-ink);
  --surface: #221F1D;
  --text: var(--color-bone);
  --text-muted: var(--color-stone-light);
  --accent: var(--color-brick-light);
  --on-accent: var(--color-ink);
}