@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;1,500&family=Caveat:wght@600&display=swap');

:root {
  --color-primary: #1f8a4c;
  --color-primary-dark: #166b3a;
  --color-primary-contrast: #ffffff;
  --color-bg: #f7f8f7;
  --color-surface: #ffffff;
  --color-text: #1a1f1c;
  --color-text-muted: #5b655f;
  --color-border: #e1e5e2;
  --color-danger: #b3261e;
  --color-danger-bg: #fbeceb;
  --color-success: #166b3a;
  --color-success-bg: #e8f5ec;

  /* Warm accent — used for selected states and the one signature visual
     moment on marketing pages. Paired with green + neutral, not the
     cream+terracotta combo this palette deliberately avoids. */
  --color-accent: #e8a33d;
  --color-accent-dark: #c6822a;
  --color-accent-contrast: #2a1c05;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-hand: 'Caveat', cursive;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
}