/* Warden Hub global theme system */
:root{--accent-a:#00cfff;--accent-b:#a855ff;--accent-glow:rgba(0,207,255,.28);--theme-bg:#080d18;--theme-panel:#111629;--theme-panel-2:#151d31;--theme-text:#f4f7ff;--theme-muted:#aab5c8;--theme-line:rgba(0,207,255,.22);color-scheme:dark}
:root[data-theme="neon-blue-purple"]{--accent-a:#00d9ff;--accent-b:#b34dff;--accent-glow:rgba(0,217,255,.3);--theme-bg:#080d18;--theme-panel:#111629;--theme-panel-2:#151d31;--theme-text:#f4f7ff;--theme-muted:#aab5c8;--theme-line:rgba(0,217,255,.24);color-scheme:dark}
:root[data-theme="neon-red-purple"]{--accent-a:#ff315d;--accent-b:#bd4dff;--accent-glow:rgba(255,49,93,.28);--theme-bg:#120913;--theme-panel:#211322;--theme-panel-2:#29172d;--theme-text:#fff4fb;--theme-muted:#c6aabd;--theme-line:rgba(255,49,93,.24);color-scheme:dark}
:root[data-theme="neon-red-blue"]{--accent-a:#ff315d;--accent-b:#00baff;--accent-glow:rgba(0,186,255,.28);--theme-bg:#090d16;--theme-panel:#121a28;--theme-panel-2:#182335;--theme-text:#f4f8ff;--theme-muted:#aab8ca;--theme-line:rgba(0,186,255,.24);color-scheme:dark}
:root[data-theme="neon-blue-green"]{--accent-a:#00d4ff;--accent-b:#39ff88;--accent-glow:rgba(57,255,136,.25);--theme-bg:#07120f;--theme-panel:#10201b;--theme-panel-2:#142a22;--theme-text:#f0fff7;--theme-muted:#a8c4b5;--theme-line:rgba(57,255,136,.23);color-scheme:dark}
:root[data-theme="light"]{--accent-a:#0068bd;--accent-b:#6d28d9;--accent-glow:rgba(0,104,189,.12);--theme-bg:#f2f5fb;--theme-panel:#fff;--theme-panel-2:#e9eef7;--theme-text:#172033;--theme-muted:#566176;--theme-line:rgba(0,104,189,.2);color-scheme:light}
:root[data-theme] body{background:var(--theme-bg);color:var(--theme-text)}
:root[data-theme] .header{background:var(--theme-bg);background:color-mix(in srgb,var(--theme-bg) 94%,transparent);border-color:var(--theme-line)}
:root[data-theme] .brand span,:root[data-theme] .eyebrow,:root[data-theme] .symbol,:root[data-theme] .tool-card__title{color:var(--accent-a)}
:root[data-theme] h1 span,:root[data-theme] h2 span,:root[data-theme] .directory-heading h2 span{background:linear-gradient(100deg,var(--accent-a),var(--accent-b));color:transparent;background-clip:text}
:root[data-theme] .primary,:root[data-theme] .primary-button{background:linear-gradient(100deg,var(--accent-a),var(--accent-b));color:#fff}
:root[data-theme] .nav-cta,:root[data-theme] .tool-link,:root[data-theme] .outline-button{border-color:var(--theme-line);color:var(--accent-a)}
:root[data-theme] .terminal,:root[data-theme] .cards article,:root[data-theme] .tool-card,:root[data-theme] .catalogue-card,:root[data-theme] .phase-card,:root[data-theme] .mission,:root[data-theme] .roadmap,:root[data-theme] .promo-copy,:root[data-theme] .listing-panel{background:var(--theme-panel);border-color:var(--theme-line);color:var(--theme-text)}
:root[data-theme] p,:root[data-theme] small,:root[data-theme] .lead,:root[data-theme] .phase-lead,:root[data-theme] .catalogue-lead,:root[data-theme] .catalogue-card p{color:var(--theme-muted)}
:root[data-theme] .phase-card h2,:root[data-theme] .phase-card h3,:root[data-theme] .catalogue-card h3{color:var(--theme-text)}
:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea{background:var(--theme-panel-2);color:var(--theme-text);border-color:var(--theme-line)}
:root[data-theme="light"] .phase-card p,:root[data-theme="light"] .small-note,:root[data-theme="light"] .listing-output,:root[data-theme="light"] .catalogue-card p,:root[data-theme="light"] .tool-card>span:last-child{color:#46536a}
:root[data-theme="light"] .listing-output,:root[data-theme="light"] .code-output,:root[data-theme="light"] .nitrado-output,:root[data-theme="light"] .promo-copy{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}
:root[data-theme="light"] .phase-warning{background:#fff7e8;color:#65451b;border-color:#d7a54b}
:root[data-theme="light"] .recipe-stage,:root[data-theme="light"] .queue-row,:root[data-theme="light"] .build-preview{background:#f8fafc;border-color:#cbd5e1}
:root[data-theme="light"] .recipe-material{border-color:#e2e8f0}
:root[data-theme="light"] .recipe-material b,:root[data-theme="light"] .queue-row b{color:#172033}
.brand-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 9px var(--accent-glow));flex:0 0 auto}
.brand{gap:9px}.brand b{display:none!important}.brand span{color:var(--accent-b)!important}
/* Theme control lives in the header so it cannot cover page controls. */
.header .theme-switcher{position:static;display:flex;align-items:center;gap:7px;flex:0 1 auto;margin-left:auto;padding:6px 8px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-panel);box-shadow:0 0 18px var(--accent-glow);min-width:0}
.theme-switcher span{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--theme-text);white-space:nowrap}
.theme-switcher select{max-width:164px;min-width:0;padding:7px 8px;border:1px solid var(--theme-line);border-radius:6px;background:var(--theme-bg);color:var(--theme-text);font:700 10px Inter,Arial,sans-serif}
@media(max-width:900px){.header{gap:8px}.header .theme-switcher{order:7;flex-basis:auto;margin-left:auto}.header .experimental-tag{order:6}}
@media(max-width:600px){.header{padding-left:4%;padding-right:4%;min-height:66px}.header .brand{font-size:13px}.brand-logo{width:34px;height:34px}.header .theme-switcher{flex-basis:100%;justify-content:space-between;margin:2px 0 0}.theme-switcher select{max-width:none;flex:1}.header .experimental-tag{font-size:8px;padding:5px 7px}.header nav{order:8;flex-basis:100%}}

@media(min-width:761px) and (max-width:1100px){
 .header{gap:10px;padding-left:3%;padding-right:3%}
 .header nav{order:9;flex:1 1 100%;max-width:none;justify-content:flex-start;gap:15px;padding:7px 0}
 .header .theme-switcher{margin-left:auto}
}
@media(max-width:760px){
 .header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
 .header .menu{display:none!important}
 .header nav,.header nav.open{display:flex!important;position:static;order:10;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px 15px;padding:9px 0 3px;background:transparent;border:0}
 .header nav a{font-size:11px}
 .header .nav-cta{display:inline-flex;order:5}
 .header .experimental-tag{order:6}
 .header .theme-switcher{order:8;flex:1 1 100%;margin:0}
}