:root {
  --color-bg: #fffaf3;
  --color-surface: #f8efe2;
  --color-fg: #2b1d11;
  --color-muted: #7a6651;
  --color-accent: #c0532b;            /* terracotta */
  --color-accent-contrast: #fffaf3;
  --color-border: #e9d9c1;
  --color-success: #4a7c3a;
  --color-warning: #b87503;
  --color-danger: #a32a1e;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-card: 1rem;

  --shadow-card: 0 1px 2px rgba(76,40,18,0.06), 0 2px 8px rgba(76,40,18,0.06);
  --shadow-lifted: 0 12px 36px rgba(76,40,18,0.12);

  --gradient-hero: linear-gradient(180deg, #fffaf3 0%, #f8efe2 100%);
}