/* Design tokens: every color, size and spacing value in the app comes from here. */
:root {
  --color-bg: #f7f7f5;
  --color-surface: #ffffff;
  --color-text: #1c1c1a;
  --color-text-muted: #5a5a55;
  --color-border: #d9d9d4;
  --color-accent: #1f5f8b;
  --color-accent-hover: #174a6d;
  --color-on-accent: #ffffff;
  --color-focus: #1f5f8b;
  --color-error: #a4262c;
  --color-error-bg: #fdf3f3;
  --color-warn: #8a4b00;
  --color-success: #1e6b3a;
  --color-success-bg: #f0f8f2;
  --color-info-bg: #eef4f9;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --font-size-h1: 1.75rem;
  --font-size-h2: 1.25rem;
  --line-height: 1.5;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;

  --radius: 6px;
  --content-max: 64rem;
  --content-narrow: 24rem;
  --content-form: 36rem;
  --target-min: 2.75rem;
}