:root{--sky-surface:#000;--sky-panel:#000;--sky-text:#d5d5d5;--sky-muted:#a0a0a0;--sky-border:#454545;--sky-hover:#1a1a1a}
html[data-theme=light]{--sky-surface:#f5f5f5;--sky-panel:#fff;--sky-text:#232323;--sky-muted:#606060;--sky-border:#c7c7c7;--sky-hover:#ededed;color-scheme:light}

html[data-theme=light],html[data-theme=light] body,html[data-theme=light] main,html[data-theme=light] #root>div{background:var(--sky-surface)!important;color:var(--sky-text)!important}
html[data-theme=light] [class*="bg-night"],html[data-theme=light] [class*="bg-black"],html[data-theme=light] .mobile-controls,html[data-theme=light] #sky-tools details,html[data-theme=light] #flight-extra,html[data-theme=light] [aria-label="Aircraft list"],html[data-theme=light] [aria-label="Aircraft list"] li>button{background:var(--sky-panel)!important;color:var(--sky-text)!important}
html[data-theme=light] [class*="text-night"],html[data-theme=light] .sky-trail-legend,html[data-theme=light] .sky-route-note,html[data-theme=light] .sky-route-airports span,html[data-theme=light] .sky-trail-legend-note{color:var(--sky-muted)!important}
html[data-theme=light] .text-white,html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] .sky-trail-legend-title{color:var(--sky-text)!important}
html[data-theme=light] [class*="border-night"],html[data-theme=light] .mobile-controls,html[data-theme=light] #sky-tools details,html[data-theme=light] #flight-extra{border-color:var(--sky-border)!important}
html[data-theme=light] input:not([type=color]):not([type=range]):not([type=checkbox]),html[data-theme=light] select,html[data-theme=light] textarea,html[data-theme=light] button:not(.aircraft-accent){background:var(--sky-panel)!important;color:var(--sky-text)!important;border-color:var(--sky-border)!important}
html[data-theme=light] button:hover,html[data-theme=light] .sky-route-modes button:hover{background:var(--sky-hover)!important}
html[data-theme=light] [class*="text-phosphor"],html[data-theme=light] #sky-tools summary{color:color-mix(in srgb,rgb(var(--accent-rgb,47,211,122)) 52%,#182839)!important}
html[data-theme=light] .fill-night-300,html[data-theme=light] .fill-night-400{fill:#53667b!important}
html[data-theme=light] .stroke-night-400{stroke:#8d9eb1!important}
html[data-theme=light] .sky-airport-label{background:#fff!important;color:#233448!important;border-color:#8c9bab!important}
html[data-theme=light] .sky-airport-label span{color:#53667b!important}
html[data-theme=light] .sky-route-modes button[aria-pressed=true]{background:rgb(var(--accent-rgb,47,211,122))!important;color:#10251b!important}
html[data-theme=light] #yyz-atc-panel,html[data-theme=light] #photo-panel,html[data-theme=light] #patch-panel,html[data-theme=light] #notes-panel,html[data-theme=light] #subscriptions-panel{background:var(--sky-panel)!important;color:var(--sky-text)!important;border-color:var(--sky-border)!important;scrollbar-color:#91a0b0 var(--sky-panel)}
html[data-theme=light] #yyz-atc-panel :is(p,h2,h3,a,strong,button),html[data-theme=light] #photo-panel :is(p,h1,a,button),html[data-theme=light] #patch-panel :is(p,h1,h2,h3,li,button),html[data-theme=light] #notes-panel :is(p,h1,a,button),html[data-theme=light] #subscriptions-panel :is(p,h1,h2,li,button,footer){color:var(--sky-text)!important}
html[data-theme=light] #yyz-atc-panel a,html[data-theme=light] #yyz-atc-panel #yyz-atis-refresh,html[data-theme=light] .subscription-preview,html[data-theme=light] .subscription-plan{background:var(--sky-panel)!important;border-color:var(--sky-border)!important}
html[data-theme=light] #sky-opening{background:var(--sky-surface)!important}
.sky-theme-control{display:flex;align-items:center;gap:8px;font:inherit;color:inherit;min-height:44px}
.sky-theme-control select{border:1px solid #666;border-radius:3px;padding:8px 10px;min-height:44px;background:#000;color:#bbb;font:inherit}

/* All interface surfaces inherit the selected theme; map imagery keeps its own colours. */
html,body{background:var(--sky-surface)!important;color:var(--sky-text)}
html[data-theme=dark] :is(#sky-account-panel,#install-help){background:var(--sky-panel)!important;color:var(--sky-text)!important;border-color:var(--sky-border)!important}
html[data-theme=dark] .bg-night-800,html[data-theme=dark] .bg-night-700{background-color:var(--sky-hover)}
.maplibregl-ctrl-group{background:var(--sky-panel)!important;border:1px solid var(--sky-border)}
.maplibregl-ctrl-group button{background:var(--sky-panel)!important;color:var(--sky-text)!important}
html[data-theme=dark] .maplibregl-ctrl-icon{filter:invert(1)}
html[data-theme=dark] .maplibregl-ctrl-attrib-button{filter:invert(1)}
#world-map .maplibregl-ctrl-attrib,#world-map .maplibregl-ctrl-attrib a{background-color:var(--sky-panel);color:var(--sky-text)}

#root .panel{background:var(--sky-panel);color:var(--sky-text)}

.lab-radar-overlay{background:var(--sky-surface)!important;color:var(--sky-text)!important}
.lab-radar-overlay button{background:var(--sky-hover)!important;border-color:var(--sky-border)!important;color:var(--sky-text)!important}
.lab-radar-overlay small{color:var(--sky-muted)!important}