/* Live Here Boise — "High Noon" (Style-richting C + Shannon's interview, jul 2026)
   Eén bron voor palet + typografie. Pagina's linken dit bestand en hebben géén
   eigen :root-palet meer. Var-namen zijn historisch (golden-hour-tijdperk) en
   bewust behouden zodat alle component-CSS ongewijzigd blijft werken. */
:root{
  --dawn:#DEE3DC;   /* bleached sage — primaire lichte achtergrond */
  --dune:#CFDCD8;   /* sage met teal-zweem — afwisselende secties (Alyssa: turquoise) */
  --dusk:#232A38;   /* leiblauw — donkere secties */
  --night:#171D28;  /* footer-ink */
  --ink:#1E2430;    /* tekst op licht (11,5:1 op --dawn) */
  --milk:#EFF2ED;   /* tekst op donker — koel papier */
  --pine:#4F5548;   /* olijfgrijs — lijnen, kickers, subtekst */
  --ember:#0D6470;  /* diep turquoise (Alyssa's kleur; blauwtint dekt ook Shannon) — links en accenten */
  --ember-hot:#2B8F8F;
  --sun:#C79A2E;    /* messing — CTA's en groot decoratief, nooit kleine tekst */
  --maxw:1240px;
  --serif:"Ranade",Georgia,serif;
  --sans:"Switzer",-apple-system,sans-serif;
  --hand:"Caveat",cursive; /* handgeschreven accenten — alleen micro-momenten */
  --ease-out-quint:cubic-bezier(.22,1,.36,1);
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --z-cursor:60;--z-header:50;--z-badge:5;
}

/* Gedeelde site-footer — één bron zodat álle pagina's identiek zijn (home, wijken,
   guides, homes, mortgage). Pagina's met een eigen inline footer-blok (home/wijken)
   overschrijven dit hooguit cosmetisch; lean pagina's erven het volledig. */
footer.site{background:var(--night);color:rgba(239,242,237,.82);padding:60px 0 36px;font-size:.86rem;position:relative;z-index:1}
footer.site .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px;margin-bottom:40px}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr}}
footer.site b.brand{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--milk)}
footer.site .brand-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
footer.site a{color:rgba(239,242,237,.82);text-decoration:none}
footer.site a:hover{color:var(--sun)}
footer.site ul{list-style:none;display:flex;flex-direction:column;gap:9px}
footer.site h3{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,242,237,.68);margin-bottom:14px;font-family:var(--sans)}
.compliance{border-top:1px solid rgba(239,242,237,.14);padding-top:28px;display:flex;gap:22px;align-items:flex-start;font-size:.78rem;line-height:1.65;color:rgba(239,242,237,.58);flex-wrap:wrap}
.eho{flex:none;display:flex;gap:12px;align-items:center}

/* Listings op de wijkpagina's — gouden prijs-pins + typografische kaartjes.
   Stond inline op de Meridian-pagina; hierheen verhuisd zodat alle negen wijken
   dezelfde opmaak krijgen bij assets/hood-listings.js. */
.map-pin.listing-pin{background:var(--sun);color:var(--night)}
.map-pin.listing-pin::before{background:var(--night)}
.map-pin.listing-pin:hover{background:#EEBB61;color:var(--night)}
.listings{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
.listing{background:#FFFDF8;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:16px;padding:24px 24px 22px}
.listing .lprice{font-family:var(--serif);font-size:1.75rem;color:var(--ink);line-height:1.05}
.listing .laddr{font-weight:600;margin-top:6px;color:var(--ink)}
.listing .lcity{color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:.86rem}
.listing .lspecs{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 16px;font-size:.86rem;color:color-mix(in srgb,var(--ink) 62%,transparent)}
.listing .lspecs b{color:var(--ink)}
.listing .lcta{display:inline-flex;color:var(--ember);font-weight:650;font-size:.94rem;text-decoration:none}
.listing .lcta:hover{text-decoration:underline}
.listing .lcourtesy{margin-top:14px;font-size:.78rem;color:color-mix(in srgb,var(--ink) 45%,transparent);line-height:1.5}
.listings-asof{margin-top:16px;font-size:.78rem;color:color-mix(in srgb,var(--ink) 55%,transparent)}

/* KW-brokerage-naam in de header, als derde tekstregel in het wordmark (JJ, 20 jul 2026).
   Een logo-chip (kw-realty-boise.jpg) is geprobeerd en botste met de nav op elke pagina
   met volle navigatie; de tekstregel — die de homepage al had — past overal. Default is
   donker (lichte sticky headers); hero-pagina's (homepage + wijkgidsen) zetten inline
   hun lichte variant + header.scrolled-donker eroverheen. */
.wordmark .wm-kw{font-size:.78rem;letter-spacing:.1em;font-weight:500;margin-top:2px;color:color-mix(in srgb,var(--ink) 78%,transparent)}