/* ============================================================
   DESIGN TOKENS / CSS CUSTOM PROPERTIES
   ============================================================ */
:root {
  /* Colors */
  --clr-bg:           #F4EED8;
  --clr-dark:         #1A2B1A;
  --clr-gold:         #C4922A;
  --clr-gold-hover:   #D4A840;
  --clr-gold-glow:    rgba(196, 146, 42, 0.35);
  --clr-muted:        #6E7D60;
  --clr-white:        #FFFFFF;
  --clr-border:       rgba(26, 43, 26, 0.12);
  --clr-overlay:      rgba(26, 43, 26, 0.65);

  /* Typography */
  --ff-heading: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --ff-body:    'Jost', 'Futura', system-ui, -apple-system, sans-serif;

  /* Spacing scale */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-7:  1.75rem;
  --sp-8:  2rem;
  --sp-9:  2.25rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* Border radii */
  --r-sm:   0.375rem;
  --r-md:   0.75rem;
  --r-lg:   1.25rem;
  --r-xl:   2rem;
  --r-pill: 9999px;

  /* Shadows */
  --shadow-card:       0 4px 24px rgba(0, 0, 0, 0.10);
  --shadow-card-hover: 0 10px 40px rgba(0, 0, 0, 0.18);
  --shadow-bar:        0 8px 48px rgba(0, 0, 0, 0.14);

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms ease;
  --t-slow: 400ms ease;

  /* Layout */
  --header-h:   72px;
  --booking-h:  88px;
  --pad-x:      clamp(1.5rem, 4vw, 3rem);
}