/* Design tokens for every Voice page: the one spacing scale, the colours
   and the font. Pages style themselves only through these variables. */
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;
  --space-5: 4rem;

  --color-background: #f7f7f5;
  --color-text: #1d1d1f;
  --color-accent: #3a4fd8;
  --color-on-accent: #ffffff;
  --color-surface: #ffffff;
  --color-border: #6e6e73;
  --color-error: #b3261e;
  --color-muted: #55555a;

  --border-width: 1px;
  --focus-width: 3px;
  --radius: 0.375rem;

  --font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 1rem;
  --font-size-title: clamp(2rem, 8vw, 4rem);
  --line-height-base: 1.5;
  --line-height-title: 1.1;

  --measure: 40rem;
}