/* ==========================================================================
   Pour & Pass — Design Tokens
   Dark-luxury emerald + gold system pulled from the brand deck.
   ========================================================================== */

:root {
  /* ---- Color: surfaces ------------------------------------------------- */
  --bg:          #06201a; /* deep forest base */
  --bg-2:        #082821; /* slightly raised */
  --surface:     #0e3329; /* card */
  --surface-2:   #114030; /* card hover / raised card */
  --surface-3:   #0a2a22;

  /* ---- Color: gold accent --------------------------------------------- */
  --gold:        #d6a740;
  --gold-soft:   #e7c876;
  --gold-deep:   #b6862c;
  --gold-glow:   rgba(214, 167, 64, 0.16);

  /* ---- Color: text ----------------------------------------------------- */
  --cream:       #f2ece0; /* primary text on dark */
  --cream-dim:   #d8d3c6;
  --muted:       #9fb0a6; /* sage muted */
  --muted-2:     #6f8478;

  /* ---- Lines & overlays ------------------------------------------------ */
  --line:        rgba(214, 167, 64, 0.22);
  --line-soft:   rgba(242, 236, 224, 0.10);
  --scrim:       rgba(4, 16, 13, 0.72);

  /* ---- Typography ------------------------------------------------------ */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-serif:   "Cormorant Garamond", Georgia, serif;
  --font-sans:    "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  --tracking-wide: 0.22em;
  --tracking-mid:  0.12em;

  /* Fluid type scale */
  --t-eyebrow: 0.78rem;
  --t-body:    clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --t-lead:    clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --t-h3:      clamp(1.3rem, 1.1rem + 0.9vw, 1.7rem);
  --t-h2:      clamp(2rem, 1.4rem + 2.6vw, 3.3rem);
  --t-h1:      clamp(2.8rem, 1.6rem + 5.4vw, 6rem);
  --t-display: clamp(3.4rem, 1.4rem + 8vw, 8.5rem);

  /* ---- Spacing & rhythm ------------------------------------------------ */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --gutter:        clamp(1.25rem, 0.8rem + 2vw, 2.5rem);
  --maxw:          1240px;
  --maxw-narrow:   820px;

  /* ---- Radius & shadow ------------------------------------------------- */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --shadow-soft: 0 18px 50px -24px rgba(0, 0, 0, 0.7);
  --shadow-card: 0 30px 70px -40px rgba(0, 0, 0, 0.85);

  /* ---- Motion ---------------------------------------------------------- */
  --dur-fast:   160ms;
  --dur-normal: 360ms;
  --dur-slow:   720ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
}