/* Design tokens — colors, type, spacing. */
:root {
  --color-bg: #faf7f2;
  --color-surface: #ffffff;
  --color-text: #2b2620;
  --color-text-muted: #6b6257;
  --color-accent: #b3542e;
  --color-accent-hover: #94441f;
  --color-border: #e5ddd2;
  --color-focus: #2b6cb0;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

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

  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
}