/* ============================================================
   variables.css
   All design tokens: colors, fonts, spacing, shadows
   ============================================================ */

:root {
  /* Brand Colors */
  --cream:     #F5EED9;
  --sand:      #E8D9B5;
  --forest:    #1C4A2E;
  --leaf:      #2E6B45;
  --gold:      #C4943A;
  --offwhite:  #FDFAF3;
  --charcoal:  #1A1A1A;
  --muted:     #5A5A5A;
  --white:     #FFFFFF;
  --red:       #B8541A;
  --purple:    #6B2E8A;

  /* Typography */
  --font-display: 'Playfair Display', serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing */
  --section-pad: 90px 8%;
  --radius:      14px;
  --radius-sm:   8px;
  --radius-pill: 50px;

  /* Shadows */
  --shadow:      0 4px 32px rgba(28, 74, 46, 0.10);
  --shadow-hover:0 16px 48px rgba(28, 74, 46, 0.18);
  --shadow-card: 0 8px 24px rgba(0,0,0,0.12);

  /* Transitions */
  --transition: all 0.25s ease;
}