/* ==========================================================================
   TOKENS — Margareth & Francisco
   Single source of truth for colour, type, space, motion.
   ========================================================================== */

:root {
  /* ---- Palette ---- */
  --sage:        #A8B8A5;
  --dusty:       #7D98B3;
  --olive:       #6F7E4B;
  --neptune:     #4F6F8F;
  --beige:       #F2EBDC;
  --charcoal:    #33302A;
  --gold:        #C9B78D;

  /* Derived tints — kept few on purpose */
  --beige-deep:  #E7DDC9;
  --beige-lift:  #FAF5EA;
  --ink-soft:    rgba(52, 46, 38, 0.66);
  --ink-faint:   rgba(52, 46, 38, 0.40);
  --line:        rgba(74, 62, 44, 0.16);
  --line-gold:   rgba(201, 183, 141, 0.45);

  /* Glass */
  --glass-bg:     rgba(250, 245, 234, 0.58);
  --glass-brd:    rgba(255, 255, 255, 0.55);
  --glass-shadow: 0 30px 80px -40px rgba(46, 46, 46, 0.45),
                  0 2px 10px -4px rgba(46, 46, 46, 0.08);

  /* ---- Type ---- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-names:   "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --font-script:  "New Icon Script", "Cormorant Garamond", cursive;

  --fs-mono:  clamp(0.62rem, 0.55rem + 0.28vw, 0.74rem);   /* eyebrows, buttons */
  --fs-body:  clamp(0.94rem, 0.88rem + 0.28vw, 1.05rem);
  --fs-lead:  clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
  --fs-h3:    clamp(1.4rem, 1.1rem + 1.3vw, 2.1rem);
  --fs-h2:    clamp(2.1rem, 1.4rem + 3.2vw, 4rem);
  --fs-h1:    clamp(2.9rem, 1.4rem + 6.6vw, 7.5rem);

  --track-wide: 0.42em;   /* small-caps utility */
  --track-mid:  0.22em;
  --leading-display: 0.98;
  --leading-body: 1.85;

  /* ---- Space ---- */
  --gutter: clamp(1.5rem, 1rem + 3vw, 4.5rem);
  --section-y: clamp(3.5rem, 2rem + 6.5vw, 7rem);
  --measure: 34rem;
  --wide: 78rem;

  /* ---- Motion ---- */
  --ease-silk:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-glide: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-lift:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-slow:   1.6s;
  --dur-mid:    0.9s;
  --dur-quick:  0.42s;

  /* ---- Radii ---- */
  --r-sm: 6px;
  --r-md: 18px;
  --r-lg: 28px;
}