/* ============================================================
   YATS SAINT-TROPEZ — Design tokens
   Shared system with the Cannes "Sillage" variant.
   Art direction: warmer, sun-drenched, village + bays.
   ============================================================ */

:root {
  /* ---- Palette ---------------------------------------------------------- */
  --navy:        #0B2545;   /* primary dark surface            */
  --deep:        #06182F;   /* deepest cinematic ground        */
  --azure:       #2E6F8E;   /* mid accent, water               */
  --azure-soft:  #6E97AB;   /* muted azure for body on dark    */
  --brass:       #C9A24B;   /* LINE accent only — never a fill */
  --brass-bright:#E0BE6C;   /* hover line                      */
  --sand:        #F6F3EC;   /* warm light "breather" surface   */
  --sand-deep:   #EBE4D6;   /* sand card / divider             */
  --paper:       #F4EFE6;   /* warm off-white text on dark     */
  --paper-dim:   #C9C3B6;   /* secondary text on dark          */
  --ink:         #1A2530;   /* text on sand                    */
  --ink-dim:     #5B6670;   /* secondary text on sand          */

  /* ---- Type ------------------------------------------------------------- */
  --display: "Cormorant Garamond", "Times New Roman", serif;
  --body:    "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* fluid display scale */
  --fs-hero:    clamp(3.2rem, 8vw, 8rem);
  --fs-h1:      clamp(2.6rem, 5.2vw, 5rem);
  --fs-h2:      clamp(2rem, 3.6vw, 3.4rem);
  --fs-h3:      clamp(1.5rem, 2.2vw, 2.1rem);
  --fs-lead:    clamp(1.12rem, 1.5vw, 1.4rem);
  --fs-body:    1.025rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.74rem;

  --lh-tight:  1.04;
  --lh-snug:   1.18;
  --lh-body:   1.62;

  --ls-eyebrow: 0.34em;
  --ls-label:   0.16em;

  /* ---- Spacing ---------------------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;
  --section: clamp(5rem, 11vh, 10rem);

  --container: 1320px;
  --container-narrow: 940px;
  --gutter: clamp(1.4rem, 5vw, 5rem);

  /* ---- Lines / radius --------------------------------------------------- */
  --hair: 1px;
  --rule-paper: rgba(244, 239, 230, 0.16);
  --rule-ink:   rgba(26, 37, 48, 0.14);
  --radius: 2px;

  /* ---- Motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.4s;
  --dur: 0.7s;
  --dur-slow: 1.1s;

  --nav-h: 84px;
}