/* ============================================================
   BEANLEAF — DESIGN TOKENS
   "Atelier of the pour" — light, airy, editorial luxury.
   Rule: no dark beige. Grounds stay near-white; warmth comes
   from pale linen, tea-wash green, lilac and blush accents.
   ============================================================ */

:root {
  /* ---- Grounds ------------------------------------------- */
  --porcelain: #FFFFFF;
  --paper:     #FCFBF8;  /* page ground, barely-warm white     */
  --linen:     #F7F3EC;  /* light cream band                   */
  --mist:      #F3F7F2;  /* pale matcha air                    */
  --air:       #EEF4F4;  /* pale sky, hero top                 */
  --tea-wash:  #E9EFE1;  /* soft green wash                    */
  --lilac-wash:#F2ECF8;
  --petal-wash:#FBF0F2;

  /* ---- Greens -------------------------------------------- */
  --leaf:      #6E9455;  /* brand leaf green                   */
  --olive:     #5A7247;  /* deeper, for text on light          */
  --forest:    #35492F;  /* rare, for emphasis                 */
  --tea:       #A9C08A;  /* light green, decorative            */

  /* ---- Accents ------------------------------------------- */
  --lilac:     #BFAAD9;
  --petal:     #F0D3DA;
  --berry:     #C87F8E;
  --latte:     #DCBE9B;
  --caramel:   #B98B5E;
  --gold:      #C6A97A;

  /* ---- Ink ----------------------------------------------- */
  --ink:       #1E2A22;  /* headings                           */
  --ink-2:     #4C5A52;  /* body                               */
  --ink-3:     #5F6E65;  /* readable meta and captions on pale grounds */
  --line:      #E7E3D9;  /* hairlines                          */
  --line-soft: #F0EDE5;

  /* ---- Type ---------------------------------------------- */
  --display: "Cormorant Garamond", "Times New Roman", serif;
  --sans:    "Jost", "Helvetica Neue", Arial, sans-serif;
  --script:  "Great Vibes", "Cormorant Garamond", cursive;

  --fs-hero:   clamp(3.4rem, 8.2vw, 8.6rem);
  --fs-h2:     clamp(2.4rem, 5.2vw, 4.6rem);
  --fs-h3:     clamp(1.6rem, 2.6vw, 2.35rem);
  --fs-h4:     clamp(1.15rem, 1.5vw, 1.42rem);
  --fs-lede:   clamp(1.02rem, 1.28vw, 1.24rem);
  --fs-body:   1rem;
  --fs-small:  0.875rem;
  --fs-eyebrow:0.688rem;

  /* ---- Space --------------------------------------------- */
  --gutter:    clamp(1.25rem, 5vw, 4.5rem);
  --maxw:      1320px;
  --maxw-text: 66ch;
  --section-y: clamp(5.5rem, 11vw, 11rem);

  /* ---- Radius / shape ------------------------------------ */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-arch: 999px 999px 26px 26px;
  --r-pill: 999px;

  /* ---- Elevation (soft, never heavy) --------------------- */
  --sh-1: 0 2px 10px rgba(30, 42, 34, .04);
  --sh-2: 0 18px 44px -20px rgba(30, 42, 34, .16);
  --sh-3: 0 40px 90px -40px rgba(30, 42, 34, .28);

  /* ---- Motion -------------------------------------------- */
  --ease:      cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.32, .72, 0, 1);
  --t-fast: .28s;
  --t-mid:  .55s;
  --t-slow: .9s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: .01ms; --t-mid: .01ms; --t-slow: .01ms; }
}