/* ============================================================
   ViDi Pools — Design Tokens
   The Emerald & Oxblood System
   Green is the world; wine is the inner room; gold is the jewellery.
   ============================================================ */

:root {
  /* Emerald Greens — primary (60%) */
  --green-950: #06120C;
  --green-900: #0A1F15;
  --green-800: #0F2E1F;
  --green-600: #175636;
  --green-400: #3A7D58;

  /* Oxblood Wines — secondary (25%) */
  --wine-950: #1C070A;
  --wine-800: #3E0F15;
  --wine-600: #5C1620;
  --wine-400: #8A2A38;

  /* Champagne Gold — accent (5%) */
  --gold-500: #C4A15E;
  --gold-300: #E2CC96;
  --gold-700: #8C6F3E;

  /* Neutrals — warm ivories (10%). Pure white is banned. */
  --ivory: #F3EEDF;
  --bone:  #E0D7C2;
  --stone: #9E937D;
  --smoke: #63604F;

  /* Functional */
  --success: #2E7D52;
  --error:   #9B3040;

  /* Typography */
  --font-display: "Fraunces", Didot, "Bodoni MT", Georgia, serif;
  --font-body: "Mulish", "Segoe UI", -apple-system, Helvetica, Arial, sans-serif;

  --fs-hero: clamp(2.6rem, 6.5vw, 5.25rem);
  --fs-h1: clamp(2.3rem, 5vw, 4rem);
  --fs-h2: clamp(1.85rem, 3.6vw, 2.9rem);
  --fs-h3: clamp(1.3rem, 2.2vw, 1.7rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-label: 0.78rem;

  --lh-body: 1.75;
  --track-label: 0.22em;

  /* Spacing rhythm */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --space-6: 8rem;

  --section-pad: clamp(4.5rem, 10vw, 8.5rem);
  --container: 1200px;
  --container-narrow: 780px;

  /* Lines & shadows — quiet, 1px, never grey */
  --hairline-gold: 1px solid rgba(140, 111, 62, 0.25);
  --hairline-gold-strong: 1px solid rgba(140, 111, 62, 0.4);
  --card-border: 1px solid rgba(23, 86, 54, 0.4);
  --shadow-deep: 0 24px 60px -18px rgba(3, 10, 6, 0.6);
  --shadow-soft: 0 10px 30px -12px rgba(3, 10, 6, 0.55);

  --radius: 6px;
  --radius-lg: 10px;

  /* Motion */
  --ease-club: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.35s;
}