/* ==========================================================================
   MERAKI MOON MASSAGE — refresh · Design tokens
   Melissa Leline, LMT · Holistic therapeutic massage · Fort Myers, FL
   Her brand, dreamier: a black/grey night-sky gradient with quiet stars,
   gold (the crest) as the single metal accent, moonlight silver for calm.
   Simple, photo-forward, elegant. One theme. Type carries the calm.
   ========================================================================== */
:root {
  /* ----- COLOR ---------------------------------------------------------- */
  --bg:        #0B0C11;  /* neutral near-black — chrome, vignettes, rings    */
  --bg-2:      rgba(4, 5, 9, 0.55);        /* dark glass band — deepens the sky, never a grey film */
  --panel:     rgba(23, 25, 34, 0.62);     /* glass cards floating over the starfield */
  --cream:     #F2ECDC;  /* primary text                                     */
  --muted:     #AEADB8;  /* secondary text — cool moon-grey                  */
  --gold:      #C6A14E;  /* the logo gold — the single metal accent          */
  --gold-soft: #DCC07F;  /* hover / brighter gold                            */
  --champagne: #E4CE9A;  /* highest-contrast gold tint — skim accents        */
  --moon:      #C7D3E8;  /* moonlight silver — tranquil second accent        */
  --ink:       #101014;  /* text on gold / on cream surfaces                 */
  --line:      rgba(198, 161, 78, 0.24);   /* hairline gold                  */
  --line-soft: rgba(242, 236, 220, 0.12);
  --sel:       rgba(198, 161, 78, 0.24);

  /* ----- TYPE ----------------------------------------------------------- */
  --font-display: "Cormorant Garamond", "Cormorant Garamond Fallback", Georgia, serif;
  --font-body:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero:    clamp(2.75rem, 1.5rem + 5.4vw, 5.5rem);
  --fs-h1:      clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem);
  --fs-h2:      clamp(1.6rem, 1.2rem + 1.7vw, 2.5rem);
  --fs-h3:      clamp(1.4rem, 1.15rem + 0.8vw, 1.7rem);
  --fs-lead:    clamp(1.32rem, 1.1rem + 0.7vw, 1.5rem);
  --fs-body:    1.15rem;
  --fs-small:   1.0625rem;
  --fs-eyebrow: 0.8125rem;

  --lh-display: 1.04;
  --lh-body:    1.6;
  --lh-caption: 1.3;

  /* Meet Your Therapist skim path (all sizes stay >= 24px large-text AA threshold) */
  --fs-skim:       clamp(1.5rem, 1.32rem + 0.55vw, 1.75rem);  /* inline skim phrases   */
  --fs-quote-pull: clamp(1.9rem, 1.45rem + 2vw, 3rem);        /* standalone pull-quote */
  --fs-sub-serif:  clamp(1.35rem, 1.2rem + 0.6vw, 1.6rem);    /* serif subheads        */
  --track-label: 0.26em;
  --measure:    62ch;

  /* ----- SPACE / LAYOUT ------------------------------------------------- */
  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem;
  --space-5: 3rem; --space-6: 4rem; --space-7: 6rem; --space-8: 8rem;
  --section-y: clamp(3.25rem, 9vw, 9rem);
  --content-max: 1200px;
  --gutter: clamp(1.35rem, 5vw, 2.75rem);
  --radius: 4px;
  --radius-card: 10px;
  --radius-tile: 7px;
  --card-pad: clamp(1.5rem, 3vw, 2.25rem);
  --card-pad-sm: clamp(1.3rem, 2.4vw, 1.75rem);

  /* ----- MOTION --------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --reveal-dur: 700ms;

  --z-header: 60; --z-dock: 50; --z-skip: 100;
}