/* Theme tokens shared across all pages. Keep colors aligned with existing palette. */
:root {
  --color-primary: #496d59;
  --color-primary-strong: #355243;
  --color-primary-soft: #dfe9e3;
  --color-secondary: #4f8b8f;
  --color-secondary-strong: #3e7478;
  --color-secondary-soft: #deeff0;
  --color-accent: #e3a56d;
  --color-accent-strong: #cc8648;
  --color-accent-soft: #f8dfc7;
  --color-surface: #fffdf8;
  --color-surface-soft: #f1f7f3;
  --color-bg: #f7f2e8;
  --color-text: #33423b;
  --color-text-muted: #607068;

  --shadow-soft: 0 14px 28px rgba(53, 82, 67, 0.14);
  --shadow-light: 0 9px 20px rgba(53, 82, 67, 0.1);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;

  --primary-700: var(--color-primary-strong);
  --primary-500: var(--color-primary);
  --primary-100: var(--color-primary-soft);
  --secondary-600: var(--color-secondary-strong);
  --secondary-400: var(--color-secondary);
  --secondary-100: var(--color-secondary-soft);
  --accent-500: var(--color-accent);
  --accent-400: #edbe8d;
  --accent-100: var(--color-accent-soft);
  --surface-0: var(--color-surface);
  --surface-1: #fcf7ee;
  --surface-2: var(--color-bg);
  --text-900: var(--color-text);
  --text-600: var(--color-text-muted);
  --deep-green: var(--color-primary-strong);
  --leaf-green: var(--color-primary);
  --soft-green: var(--color-primary-soft);
  --warm-cream: var(--color-bg);
  --accent-gold: var(--color-accent);
  --text-dark: var(--color-text);
  --text-muted: var(--color-text-muted);
}