/* Final semantic palette layer. Keep the approved artwork, layout and mode
   definitions; no component should carry a previous world's fixed colors. */
html[data-outing-theme]{
 --surface:var(--paper);
 --surface-raised:color-mix(in srgb,var(--paper) 80%,white);
 --surface-selected:color-mix(in srgb,var(--theme-soft) 75%,var(--paper));
 --on-accent:#fffaf2;
 --on-dark:#fff8ed;
 --theme-highlight:#f3d4a0;
 --section-wash:color-mix(in srgb,var(--paper) 94%,transparent);
}
html[data-outing-theme="kids"]{--theme-highlight:#f4c98e}
html[data-outing-theme="evening"]{--theme-highlight:#dce3d3;--on-dark:#f5f6ed}
html[data-outing-theme="haunts"]{--theme-highlight:#d4deda;--on-dark:#f4f4ee}
html[data-outing-theme] body{background:var(--surface);color:var(--ink)}
html[data-outing-theme] .card,
html[data-outing-theme] .detail,
html[data-outing-theme] .itinerary-stop,
html[data-outing-theme] .guides-card,
html[data-outing-theme] .form-content,
html[data-outing-theme] .map-status{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
html[data-outing-theme] .card.selected{background:var(--surface-selected);border-color:var(--orange);box-shadow:inset 3px 0 var(--orange)}
html[data-outing-theme] .map-wrap,
html[data-outing-theme] .map-note,
html[data-outing-theme] .filters,
html[data-outing-theme] .tag,
html[data-outing-theme] .sharing-preview,
html[data-outing-theme] .preference-badges span{background:var(--theme-soft);color:var(--ink);border-color:var(--line)}
html[data-outing-theme] .mode-panel,
html[data-outing-theme] .city-picker,
html[data-outing-theme] .itinerary-panel,
html[data-outing-theme] .share-community,
html[data-outing-theme] .connect-paths,
html[data-outing-theme] .nextdoor,
html[data-outing-theme] .suggestions{
 background-color:var(--surface);
 background-image:linear-gradient(110deg,var(--surface) 45%,var(--section-wash)),var(--theme-art);
 background-size:cover;background-position:center;
 color:var(--ink);border-color:var(--line);
}
html[data-outing-theme] .mode-buttons button,
html[data-outing-theme] .mode-categories button{background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-outing-theme] .mode-buttons button[aria-pressed=true],
html[data-outing-theme] .mode-categories button[aria-pressed=true]{background:var(--green)!important;color:var(--on-accent)!important;border-color:var(--green)!important;box-shadow:none!important}
html[data-outing-theme] .primary,
html[data-outing-theme] .connect-form summary,
html[data-outing-theme] .itinerary-actions button:not(:disabled),
html[data-outing-theme] .outing-scroll-footer button:not(:disabled){background:var(--green);color:var(--on-accent);border-color:var(--green)}
html[data-outing-theme] .hero .primary,
html[data-outing-theme] .property-card .connect-form summary{background:var(--theme-highlight);color:var(--theme-dark);border-color:var(--theme-highlight)}
html[data-outing-theme] .clear,
html[data-outing-theme] .trip .clear,
html[data-outing-theme] .share-actions .clear,
html[data-outing-theme] .save,
html[data-outing-theme] .official-event-link,
html[data-outing-theme] .weekend-shortcut button,
html[data-outing-theme] .map-controls button{background:var(--surface-raised);color:var(--green);border-color:var(--line)}
html[data-outing-theme] .official-event-link{border-color:var(--green)}
html[data-outing-theme] .save[aria-pressed=true],
html[data-outing-theme] .weekend-shortcut button[aria-pressed=true]{background:var(--green);color:var(--on-accent);border-color:var(--green)}
html[data-outing-theme] input:not([type=checkbox]):not([type=radio]),
html[data-outing-theme] select,
html[data-outing-theme] textarea{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
html[data-outing-theme] input[type=checkbox],html[data-outing-theme] input[type=radio]{accent-color:var(--green)}
html[data-outing-theme] input::placeholder,html[data-outing-theme] textarea::placeholder{color:var(--muted);opacity:1}
html[data-outing-theme] .when,html[data-outing-theme] .eyebrow{color:var(--orange)}
html[data-outing-theme] .tag{color:var(--ink)}
html[data-outing-theme] .number,html[data-outing-theme] .pin{background:var(--green);color:var(--on-accent)}
html[data-outing-theme] .pin.active{background:var(--orange)}
html[data-outing-theme] .hero .eyebrow,
html[data-outing-theme] .hero h1 em,
html[data-outing-theme] .hero-mode-note a,
html[data-outing-theme] .hero-actions>a:not(.primary),
html[data-outing-theme] .mode-world span,
html[data-outing-theme] .property-card .eyebrow{color:var(--theme-highlight)}
html[data-outing-theme] .property-card{color:var(--on-dark)}
html[data-outing-theme] .property-card .form-content{color:var(--ink)}
html[data-outing-theme] .property-card .form-content .primary{color:var(--on-accent)}
html[data-outing-theme] .scare-note{background:var(--theme-soft);border-color:var(--orange);color:var(--ink)}
html[data-outing-theme] .leaflet-popup-content-wrapper,
html[data-outing-theme] .leaflet-popup-tip,
html[data-outing-theme] .leaflet-bar a{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
html[data-outing-theme] .leaflet-popup-content a{color:var(--green)}
html[data-outing-theme] .leaflet-popup-content a.primary{color:var(--on-accent)}
html[data-outing-theme] .leaflet-control-attribution{background:var(--section-wash);color:var(--muted)}
html[data-outing-theme] .leaflet-control-attribution a{color:var(--green)}
html[data-outing-theme] header,html[data-outing-theme] footer{background:var(--theme-dark);color:var(--on-dark)}
html[data-outing-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--orange)}