/* Single light theme shared by every visitor page (there is no dark mode).
   Loaded after the page styles; tool pages that still use tokens.css get the
   same palette through these variables. :root keeps the specificity the old
   [data-theme=light] selectors had, so the look is unchanged. */
:root:root{color-scheme:light;--bg:#f9f8f4;--surface:#fff;--text:#192b28;--muted:#52665f;--line:#d6dfda;--mint:#b6e7cb;--lavender:#d2c5f1;--peach:#f5c9aa;--blue:#b8d9f0}
:root:root{--mint-ink:#286447;--peach-ink:#a14a1f;--navy:#192b28;--body:#43564e;--panel:#edf3ef;--raised:#edf3ef;--line-cool:#d6dfda;--coral:#286447;--coral-cta:#286447;--shadow-card:0 1px 2px #2228310d;--shadow-float:0 12px 32px #22283114}
/* Pastel panels keep dark ink. */
.region-card,.art,.feature-art,.park-card[class*=park-tone-],.park-callout{--text:#192b28;--muted:#445a51;--mint-ink:#286447;color:var(--text)}
.cta:not(.secondary){color:#172b24}.park-callout .cta{background:#192b28;color:#f6f4ed}
.region-tabs button[aria-pressed=true]{color:var(--bg)}
.cta.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}
.itinerary,.badge{--text:#192b28;--muted:#445a51;--mint-ink:#286447;color:var(--text)}
.itinerary .plan-cta{background:#192b28;color:#f6f4ed}
html{scroll-padding-bottom:85px}#my-day,#guide-detail{scroll-margin-top:24px}
body:not([data-page]) header{flex-wrap:wrap}
:root .eyebrow,:root .park-bottom,:root .guide-card small,:root .search-box>span,:root .wordmark span{color:#286447}
:root .guide-num{color:#73599b}
:root .planner-promo{background:linear-gradient(130deg,#e4f0e7,#eef3ee);border-color:var(--line)}
:root .step{border-color:var(--line)}:root .step>span{color:#286447}
:root .portal-nav a:hover{color:#286447}:root .hero h1 em{color:#367355}
:root .cta.secondary:hover{background:#e9f1eb}
/* Existing tools share the same palette without changing their behavior. */
html:has(body:not([data-page])){background:var(--bg);color:var(--text)}
body:not([data-page]){background:var(--bg);color:var(--text)}
body:not([data-page]) :is(.card,.panel,.ride-card,.affiliate-box,.profile-card,.filter-panel,table,textarea,input,select,.language-control select){background:var(--surface);color:var(--text);border-color:var(--line)}
body:not([data-page]) :is(.meta,.note,.intro,.descriptor,footer,#status,#plan-count,.data-summary p,.affiliate-box p){color:var(--muted)}
body:not([data-page]) :is(.brand,.method-link,.eyebrow,footer strong,.ride-link){color:var(--text)}
body:not([data-page]) .brand{color:var(--mint)}
body:not([data-page]) :is(.data-summary,.empty,.secondary,.chip,.chips span){background:var(--surface);color:var(--text);border-color:var(--line)}
body:not([data-page]) .best{background:var(--surface);border-color:var(--mint)}
body:not([data-page]) .best>.eyebrow{color:var(--mint)}
body:not([data-page]) :is(button,.affiliate-box a){background:var(--mint);color:#172b24}
body:not([data-page]) :is(.tabs a,.sort-button){border-color:var(--line);color:var(--text);background:var(--surface)}
body:not([data-page]) :is(.tabs a[aria-current=page],.sort-button[aria-pressed=true]){background:var(--mint);color:#172b24}
body:not([data-page]) :is(td,th,#plan li){border-color:var(--line)}
:root body:not([data-page]) .brand,:root body:not([data-page]) .best>.eyebrow{color:#286447}
:root body:not([data-page]) .low,:root body:not([data-page]) .trend.down{color:#217445}
:root body:not([data-page]) .mid,:root body:not([data-page]) .trend.up{color:#885b17}
:root body:not([data-page]) .high{color:#a83f37}
@media(max-width:720px){.portal-header .language-control{margin-left:0}.portal-header .portal-nav{order:4}.portal-header{gap:10px}.portal-header .wordmark{margin-right:auto}.portal-header .language-control select{min-width:74px}}