/* =========================================
   DESIGN TOKENS — variables.css
   ─────────────────────────────────────────
   Edit ONLY this file to change site-wide
   colours, shadows, and glass styles.
   ========================================= */

:root {
  /* ── Palette ──────────────────────────── */
  --cream:        #f5f0e8;
  --warm-white:   #fdf8f2;
  --gold:         #c9a84c;
  --gold-light:   #e8c97a;
  --gold-dark:    #8b6914;
  --forest:       #2d4a2d;
  --deep-teal:    #0f2d2d;
  --whatsapp:     #25d366;

  /* ── Glass / surface ──────────────────── */
  --mist:         rgba(245, 240, 232, 0.08);
  --glass-bg:     rgba(15, 20, 15, 0.45);
  --glass-border: rgba(201, 168, 76, 0.25);

  /* ── Shadows ──────────────────────────── */
  --shadow-soft:  0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-glow:  0 0 40px rgba(201, 168, 76, 0.2);
}

html {
  scroll-behavior: smooth;
}