/* Single source of visual truth. The later design pass swaps these values. */
:root {
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6b6b;
  --color-border: #d4d4d4;
  --color-accent: #2f6f4f;
  --color-accent-contrast: #ffffff;
  --color-danger: #b3261e;

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

  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-large: 1.25rem;
  --font-size-title: 1.5rem;

  --radius: 6px;
  --cover-width: 96px;
  --cover-height: 144px;
  --tap-target: 44px;
}