:root {
  /* Primary: forest green */
  --green-50: #f1f7f2;
  --green-100: #e6f2e8;
  --green-200: #c9e2ce;
  --green-300: #9fc9a8;
  --green-500: #3d7a5a;
  --green-600: #2a5e44;
  --green-700: #1f4a36;
  --green-800: #173b2d;
  --green-900: #0f2a1f;

  /* Secondary: sage */
  --sage-50: #f4f9f5;
  --sage-100: #e6f2e8;
  --sage-200: #d3e8d8;

  /* Accent: golden yellow */
  --yellow-50: #fffaeb;
  --yellow-100: #fdf3d3;
  --yellow-300: #f6d67b;
  --yellow-500: #e3b53f;
  --yellow-800: #6e5200;

  /* Terracotta (dinner tag) */
  --clay-100: #fbe8de;
  --clay-700: #8a3b1c;

  /* Status */
  --success-100: #e2f4e6;
  --success-600: #237a45;
  --warning-100: #fdf0d6;
  --warning-600: #9a6200;
  --error-100: #fde4e1;
  --error-600: #b4321f;

  /* Neutrals */
  --cream: #faf9f5;
  --cream-200: #f3f1ea;
  --white: #ffffff;
  --ink: #17231b;
  --ink-muted: #58645c;
  --line: #e7e5dd;
  --line-strong: #d6d3c8;

  /* Type */
  --font-head: "Manrope", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* Spacing (8px system) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 40px;
  --s-8: 48px;
  --s-9: 64px;
  --s-10: 80px;
  --s-11: 104px;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-full: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(23, 59, 45, 0.06);
  --shadow-md: 0 4px 16px -4px rgba(23, 59, 45, 0.1), 0 1px 3px rgba(23, 59, 45, 0.05);
  --shadow-lg: 0 24px 56px -16px rgba(23, 59, 45, 0.22), 0 4px 12px -2px rgba(23, 59, 45, 0.06);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 150ms;
  --t-med: 220ms;

  --container: 1200px;
  --header-h: 72px;
}