:root {
  /* Colours */
  --colour-bg: #fff;
  --colour-fg: #1a1a1a;
  --colour-muted: #555;
  --colour-rule: #e5e5e5;
  --colour-code-bg: #f6f6f3;

  /* Type scale (rem-based) */
  --type-base: 1.0625rem;
  --type-small: 0.875rem;
  --type-large: 1.125rem;
  --type-h3: 1.25rem;
  --type-h2: 1.5rem;
  --type-h1: 2rem;
  --type-h1-desktop: 2.5rem;

  /* Line heights */
  --lh-body: 1.65;
  --lh-heading: 1.25;

  /* Measure */
  --measure: 65ch;
  --page-max: 76rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Typeface */
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}