/* Experimental mascot palette. Loaded last by src/page-shell.mjs (mascotTheme);
   delete that link to return to the original dark green. */
:root{
  /* The saturated mascot green is reserved for small accents; large surfaces use
     the soft tint so the page does not turn acidic. */
  --mascot:#c9eb96;--mascot-soft:#e8f5d6;--mascot-soft-hover:#dcefc2;--ink:#2b3d30;
  /* Text green: calm forest tone, 7.9:1 on white. */
  --green:#2f5a3c;
  --pin-fill:#e8f5d6;--pin-text:#2b3d30;--pin-stroke:rgba(43,61,48,.45);
  --pin-selected-fill:#2b3d30;--pin-selected-text:#c9eb96;
  --dot-fill:#c9eb96;--dot-stroke:rgba(43,61,48,.7);
}
/* Small accents: logo and selected toggles. */
.brand-icon,.brand>.brand-icon,.add,
#favorites-toggle[aria-pressed=true],.catalog-rooms input:checked+span,
:is(#district-options,#bedroom-options) button[aria-pressed="true"]{background:var(--mascot);color:var(--ink);border-color:var(--ink)}
/* Large surfaces: soft tint with ink text. */
.primary,.source-item.active,#notice{background:var(--mascot-soft);color:var(--ink);box-shadow:inset 0 0 0 1px #2b3d3022}
.primary:hover{background:var(--mascot-soft-hover)}
.pin{background:var(--mascot-soft);color:var(--ink);border-color:rgba(43,61,48,.45)}
#range-fill{background:var(--mascot)}
.range-control input::-webkit-slider-thumb{border-color:var(--ink)}
.range-control input::-moz-range-thumb{border-color:var(--ink)}
.user-location{background:var(--mascot);border-color:var(--ink)}
#card-gallery .media-play,.media-play{background:#e8f5d6e6;color:var(--ink)}
.stat strong{color:var(--green)}