/* ============================================================
   MUWAN PALASSA — design tokens (design/tokens.md, R2 inverted)
   This file is the law. Where a page and these tokens disagree,
   the tokens win. Values are locked — do not "improve" them.
   ============================================================ */

:root{
  /* --- §1 palette (final, named) --- */
  --forest:     #1B2A20;  /* Forest Floor — THE page ground                 */
  --palm:       #24402C;  /* Palm Shade — the lighter dark                  */
  --night:      #12160F;  /* Night Tank — deepest ground                    */
  --ivory:      #F3EBDB;  /* Sunbaked Ivory — interlude ground; type on dark*/
  --sand:       #E7D7B8;  /* Tank Sand — interlude ground (book band)       */
  --clay:       #B3552B;  /* Kiln Clay — line in light interludes, stamps   */
  --clay-deep:  #8F3D1B;  /* Fired Clay — buttons, links/kickers on light   */
  --ink:        #292216;  /* Riverbed Ink — body text on light, never #000  */
  --umber:      #675B45;  /* Mudline Umber — secondary text on ivory        */
  --khaki:      #A9A18B;  /* Dry-Grass Khaki — secondary type on dark       */
  --bronze:     #C0894E;  /* Temple Bronze — THE one metallic               */
  --bronze-dim: #8A6238;  /* Embered Bronze — gradient ends/glows, never type */

  /* bronze thread (CTA ring, quote rules) */
  --bronze-grad: linear-gradient(115deg, #8A6238 0%, #C9A25E 45%, #8A6238 100%);

  /* hairlines + hand-drawn dashed rules */
  --line-dark:  rgba(243,235,219,.16);   /* hairlines on dark  */
  --line-light: rgba(41,34,22,.16);      /* hairlines on light */
  --dash-light: rgba(179,85,43,.45);     /* dashed rules on light   */
  --dash-clay:  rgba(243,235,219,.4);    /* dashed rules on clay    */

  /* --- §2 typography --- */
  --serif: "Fraunces", "Iowan Old Style", Georgia, serif;
  --sans:  "Karla", "Gill Sans", "Segoe UI", sans-serif;
  --mono:  "Spline Sans Mono", "Courier New", monospace;

  --fs-900: clamp(2.7rem, 7.4vw, 5.8rem);   /* H1 — Fraunces opsz 144   */
  --fs-800: clamp(2rem, 4.6vw, 3.6rem);     /* H2 — Fraunces opsz 100   */
  --fs-700: clamp(1.5rem, 3vw, 2.2rem);     /* pulls / card heads       */
  --fs-600: clamp(1.2rem, 1.8vw, 1.45rem);  /* ledes / H3               */
  --fs-body: 1.0625rem;                     /* body, line-height 1.7    */
  --fs-count: clamp(6rem, 22vw, 15rem);     /* the elephant count       */
  --fs-kicker: .8125rem;                    /* Karla 700 caps .22em     */
  --fs-note: .72rem;                        /* mono field-note .18em    */
  --fs-fignote: .68rem;                     /* figure captions .16em    */

  /* --- §3 spacing (base 8) --- */
  --s-1: .5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.5rem;
  --s-5: 4rem;
  --s-6: 6rem;
  --sect: clamp(4.5rem, 11vw, 9.5rem);      /* section block padding    */
  --container: min(72rem, 100% - 2.75rem);  /* editorial                */
  --container-wide: min(84rem, 100% - 2rem);/* imagery                  */
  --header-h: 4.75rem;                      /* anchor offset −84px      */

  /* --- §4 radius --- */
  --radius: 1.25rem;                              /* soft rectangle      */
  --radius-arch: 999em 999em 1.25rem 1.25rem;     /* the vernacular arch */
  --radius-pill: 999px;                           /* buttons, chips      */

  /* --- §8 motion (CSS side; GSAP durations live in main.js) --- */
  --dur: .5s;                                 /* micro                  */
  --ease-out: cubic-bezier(.22,1,.36,1);      /* the "lux" micro ease   */

  /* --- §6 transition-band gradients (5 stops through the mud family) --- */
  --grad-daybreak:  linear-gradient(180deg, var(--forest) 0%, #46503B 22%, #8A8763 45%, #C9BC97 68%, var(--ivory) 100%);
  --grad-descent:   linear-gradient(180deg, var(--ivory) 0%, #C9BC97 16%, #6E7350 42%, var(--palm) 68%, var(--night) 100%);
  --grad-lamplight: linear-gradient(180deg, var(--night) 0%, #17211A 55%, var(--palm) 100%);
  --grad-lastlight: linear-gradient(180deg, var(--night) 0%, var(--palm) 22%, #6E7350 44%, #C9BC97 66%, var(--sand) 100%);

  /* section grounds with the §1 warmth law baked in (one warm radial each) */
  --ground-stay: radial-gradient(110% 55% at 18% 0%, rgba(192,137,78,.07), transparent 58%),
                 linear-gradient(180deg, var(--palm) 0%, #20362A 100%);
  --ground-exps: radial-gradient(120% 50% at 80% 0%, rgba(192,137,78,.06), transparent 60%),
                 linear-gradient(180deg, #20362A 0%, var(--forest) 22%, var(--forest) 100%);
  --grad-footer: linear-gradient(180deg, var(--forest) 0%, var(--night) 100%);

  /* rammed-earth strata — placeholder treatment for missing chalet photography */
  --strata: repeating-linear-gradient(178deg,
              #DCC49A 0 26px, #D3B788 26px 44px,
              #C89F6C 44px 62px, #D9BE92 62px 92px,
              #C4925B 92px 110px, #D3B788 110px 140px);
}