/* ==========================================================================
   Eden Ridge — design tokens
   Extracted from the reference build. Every colour, type step, spacing value
   and motion curve used anywhere on the site is declared here; no other
   stylesheet may contain a raw colour value.
   ========================================================================== */

:root{
  /* ---- brand surfaces ---- */
  --pine:#131f19;
  --pine-deep:#0d1712;
  --pine-light:#1c2a22;
  --paper:#f6f3ec;
  --paper-warm:#efe9dc;
  --black:#000;

  /* ---- text ---- */
  --ink:#1b1c19;
  --ink-soft:#4a4a45;
  --ink-inverse:#161b13;
  --stone:#8d8b82;

  /* ---- light type on dark surfaces ---- */
  --paper-bright:#f8f6ef;
  --paper-soft:#f2eee2;
  --paper-tint:#f1ede0;
  --paper-dim:#e9e5d8;
  --paper-muted:#e4e0d2;
  --sand:#cfc9b8;
  --sand-dim:#a9a493;
  --sand-faint:#818073;   /* nudged from the reference #7d7b70 to clear 4.5:1 on pine-deep */

  /* ---- accent ----
     --brass reaches 5.7:1 on the pine surfaces but only 2.7:1 on paper, where
     it is used for the small uppercase eyebrow labels. The reference build's
     brand colour is kept as-is for visual parity; if the client ever prefers
     WCAG AA over an exact colour match, swap in the value below — it is the
     nearest brass that clears 4.5:1 on paper.
         --brass:#87652c;   (4.8:1 on --paper)
  */
  --brass:#b6904f;
  --brass-soft:#cdae74;
  --brass-glow:rgba(182,144,79,.18);

  /* ---- rules & hairlines ---- */
  --line-on-dark:rgba(214,197,153,0.28);
  --line-on-light:rgba(27,28,25,0.14);
  --line-map:rgba(214,197,153,0.22);
  --line-map-strong:rgba(214,197,153,0.35);
  --line-glass:rgba(255,255,255,.1);
  --line-glass-strong:rgba(255,255,255,.3);

  /* ---- scrims & overlays ---- */
  --nav-scrolled:rgba(19,31,25,0.92);
  --hero-scrim:linear-gradient(180deg, rgba(10,15,12,.35) 0%, rgba(10,15,12,.15) 35%, rgba(9,14,11,.55) 78%, rgba(9,14,11,.86) 100%);
  --band-scrim:linear-gradient(0deg, rgba(13,23,18,.92), rgba(13,23,18,.55));
  --video-scrim:linear-gradient(90deg, rgba(9,14,11,.35), rgba(19,31,25,.94) 62%);
  --media-scrim:linear-gradient(0deg, rgba(0,0,0,.45), transparent 40%);
  --tag-scrim:linear-gradient(0deg, rgba(10,15,12,.75), transparent);
  --cue-fade:linear-gradient(180deg, rgba(230,226,213,.9), transparent);
  --lightbox-bg:rgba(9,13,10,.96);
  --map-bg:radial-gradient(circle at 30% 30%, #1c2a22, #0d1712 70%);
  --label-bg:rgba(13,23,18,.7);
  --ghost-border:rgba(246,243,236,.5);
  --ghost-hover:rgba(246,243,236,.08);
  --shadow-float:0 8px 24px rgba(0,0,0,.3);
  --shadow-card:0 18px 50px rgba(13,23,18,.18);

  /* ---- typography ---- */
  --serif: 'EdenSerif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans: 'EdenSans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --fs-base:16px;
  --lh-base:1.6;
  --fs-h1:clamp(44px, 7vw, 92px);
  --fs-h2:clamp(30px, 3.6vw, 46px);
  --fs-h2-spread:clamp(30px, 3.4vw, 44px);
  --fs-h2-band:clamp(28px, 4vw, 42px);
  --fs-h3:19px;
  --fs-lede:16px;
  --fs-body-sm:14px;
  --fs-eyebrow:12px;
  --ls-eyebrow:.22em;
  --ls-hero-eyebrow:.28em;
  --ls-caps:.1em;

  /* ---- layout ---- */
  --maxw:1320px;
  --gutter:40px;
  --gutter-mobile:22px;
  --section-pad:120px;
  --section-pad-mobile:76px;

  /* ---- shape & motion ---- */
  --radius:2px;
  --radius-round:50%;
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-fast:.25s;
  --dur:.3s;
  --dur-slow:.6s;
  --dur-reveal:.9s;

  /* ---- breakpoints (documentation only; media queries inline the value) ----
     560px  single-column card grids
     700px  amenity grid collapses
     780px  mobile gutters, masonry two-up, section padding
     860px  model card and plan panels stack
     900px  spreads and contact grid stack
     960px  burger menu replaces the inline nav
  */
}