/* CSS Custom Properties / Design Tokens */
:root {
  /* Colors */
  --green-900: #1e2b1c; /* Footer bg */
  --green-800: #2a3a28; /* Newsletter bg */
  --green-700: #3d5a3a; /* Buttons, primary actions */
  --green-600: #4a6741; /* Headings, logo */
  --green-400: #7a9e6f; /* Hover states */
  --green-200: #b5c9a8; /* Subtle borders */
  --green-100: #dce8d4; /* Light tints */
  
  --cream: #f8f5ef; /* Main bg */
  --cream-light: #faf8f4; /* Alternate bg */
  --white: #ffffff; /* Cards */
  
  --text-dark: #1a1a1a;
  --text-muted: #6b6b6b;
  --text-sage: #8a9a7a;
  --text-light: #f0efe8;
  
  --gold-glow: #d4c89a;

  /* Typography */
  --font-display: 'Playfair Display', serif;
  --font-sans: 'Inter', sans-serif;
  --font-label: 'Outfit', sans-serif; /* fallback or specific label font */

  /* Spacing */
  --section-padding: 100px;
  --container-width: 1200px;

  /* Easing */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}