/* ==========================================================================
   MERAKI MOON MASSAGE — refresh · Design tokens
   Melissa Leline, LMT · Holistic therapeutic massage · Fort Myers, FL
   Her real brand: warm black + gold (the crescent logo) + forest green.
   Simple, photo-forward, elegant. One theme. Type carries the calm.
   ========================================================================== */
:root {
  /* ----- COLOR ---------------------------------------------------------- */
  --bg:        #12130D;  /* warm near-black, faint olive                     */
  --bg-2:      #181B11;  /* alternating band                                 */
  --panel:     #1E2116;  /* cards                                            */
  --cream:     #F2ECDC;  /* primary text                                     */
  --muted:     #ABA890;  /* secondary text                                   */
  --gold:      #C6A14E;  /* the logo gold — the single metal accent          */
  --gold-soft: #DCC07F;  /* hover / brighter gold                            */
  --green:     #88A659;  /* luminous forest green (from the hero mural)      */
  --green-deep:#3F5A23;  /* her evolved olive                                */
  --ink:       #15160E;  /* 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", "Hoefler Text", 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.25rem, 1.1rem + 0.6vw, 1.55rem);
  --fs-lead:    clamp(1.12rem, 1.02rem + 0.45vw, 1.35rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9rem;
  --fs-eyebrow: 0.75rem;

  --lh-display: 1.04;
  --lh-body:    1.7;
  --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(4.5rem, 10vw, 9rem);
  --content-max: 1200px;
  --gutter: clamp(1.35rem, 5vw, 2.75rem);
  --radius: 4px;

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

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