/* Shared presentation only. Opt in with data-z-theme="navy-orange" on html.
   Host light mode remains available through body[data-theme="light"]. */
html[data-z-theme="navy-orange"],html[data-z-theme="navy-orange"] body{
 color-scheme:dark;--z-bg:#0b1424;--z-surface:#18283f;--z-surface-alt:#101c30;--z-raised:#2b405d;
 --z-text:#f3f6fc;--z-muted:#b7c4d8;--z-border:#526582;--z-accent:#ff9a43;
 --z-primary-top:#ffb674;--z-primary-bottom:#ed8835;--z-primary-text:#172033;
 --z-success:#8ee6ad;--z-danger:#ff8da0;--z-focus:#ffb674;--z-highlight:#9bb2ce30;--z-shadow:#0007;--z-inset:#0008;
}
html[data-z-theme="navy-orange"] body[data-theme="light"]{
 color-scheme:light;--z-bg:#edf1f6;--z-surface:#fafcff;--z-surface-alt:#e5ebf3;--z-raised:#d5deeb;
 --z-text:#172b46;--z-muted:#435a76;--z-border:#a0b0c6;--z-accent:#a7430c;
 --z-primary-bottom:#f29449;--z-success:#24683c;--z-danger:#ac263b;--z-focus:#a7430c;--z-highlight:#ffffffb3;--z-shadow:#172b4630;--z-inset:#172b4650;
}
html[data-z-theme="navy-orange"],html[data-z-theme="navy-orange"] body,html[data-z-theme="navy-orange"] #registration-page{
 --bg:var(--z-bg);--background:var(--z-bg);--surface:var(--z-surface);--panel:var(--z-surface);
 --sidebar:var(--z-surface-alt);--input:var(--z-surface-alt);--raised:var(--z-raised);
 --text:var(--z-text);--ink:var(--z-text);--muted:var(--z-muted);--line:var(--z-border);--border:var(--z-border);
 --accent:var(--z-accent);--accent-strong:var(--z-accent);--accent-hover:var(--z-focus);--focus:var(--z-focus);
 --green:var(--z-success);--red:var(--z-danger);--soft:var(--z-raised);--selected:var(--z-raised);
 --button-face:var(--z-surface);--button-top:var(--z-raised);--button-edge:var(--z-border);--button-light:var(--z-highlight);
 --button-primary-top:var(--z-primary-top);--button-primary-bottom:var(--z-primary-bottom);--button-inset:var(--z-inset);
 --button-shadow:var(--z-shadow);--button-ink:var(--z-primary-text);
 background:var(--z-bg);color:var(--z-text);font-family:"Segoe UI","Leelawadee UI",Tahoma,sans-serif;
}
html[data-z-theme="navy-orange"] :where(a){color:var(--z-accent)}
html[data-z-theme="navy-orange"] :where(h1,h2,h3,label,dt,dd){color:var(--z-text)}
html[data-z-theme="navy-orange"] :where(.muted,.caption,figcaption,.vpn-small){color:var(--z-muted);opacity:1}
html[data-z-theme="navy-orange"] :where(.card,.panel,.content-card,.hero-panel,.z-surface,dialog){background:linear-gradient(145deg,var(--z-surface),var(--z-surface-alt));color:var(--z-text);border:1px solid var(--z-border);box-shadow:inset 0 1px var(--z-highlight),0 5px 12px var(--z-shadow)}
html[data-z-theme="navy-orange"] :where(button,.vpn-download,.z-button){background:linear-gradient(var(--z-raised),var(--z-surface));color:var(--z-text);border:1px solid var(--z-border);border-radius:7px;box-shadow:inset 0 1px var(--z-highlight),0 3px 0 #0004,0 5px 7px var(--z-shadow)}
html[data-z-theme="navy-orange"] :where(.primary,.vpn-download,.rights-primary,.z-primary){background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text)!important;border-color:#d88640;box-shadow:inset 0 1px #ffe5bf,0 3px 0 #8c451b,0 5px 8px var(--z-shadow)}
html[data-z-theme="navy-orange"] :where(button,.z-button):hover:not(:disabled){border-color:var(--z-accent)}
html[data-z-theme="navy-orange"] :where(button,.z-button):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px var(--z-inset)}
html[data-z-theme="navy-orange"] button:disabled{opacity:.65;cursor:not-allowed}
html[data-z-theme="navy-orange"] :where(input,select,textarea,.copy-field){background:var(--z-surface-alt);color:var(--z-text);border-color:var(--z-border);box-shadow:inset 0 2px 4px var(--z-shadow)}
html[data-z-theme="navy-orange"] :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--z-focus);outline-offset:3px}
html[data-z-theme="navy-orange"] :where(nav button.selected,nav button.active,.menu-link.active){background:var(--z-raised);color:var(--z-text);border-color:var(--z-accent);box-shadow:inset 3px 0 var(--z-accent)}
html[data-z-theme="navy-orange"] :where(.top,.sidebar,.app>aside,#app-sidebar){background:var(--z-surface-alt);color:var(--z-text)}
html[data-z-theme="navy-orange"] :where(.layout,.disclaimer){background:var(--z-bg);color:var(--z-muted)}
html[data-z-theme="navy-orange"] :where(.menu-link,.top a){color:var(--z-text)}
html[data-z-theme="navy-orange"] :where(pre,code){color:inherit}
html[data-z-theme="navy-orange"] :where(pre,.status-box){background:var(--z-surface-alt);border-color:var(--z-border);color:var(--z-text)}
html[data-z-theme="navy-orange"] :where(.vpn-facts div,.vpn-note,.notice){border-color:var(--z-accent)}
html[data-z-theme="navy-orange"] :where(.qr,.qr-box){background:#fff;color:#172033;box-shadow:inset 0 1px 4px #0002}
html[data-z-theme="navy-orange"] :where(dialog)::backdrop{background:#0009}
html[data-z-theme="navy-orange"] [hidden]{display:none!important}

html[data-z-theme="navy-orange"] #registration-page{color-scheme:inherit}
html[data-z-theme="navy-orange"] .vpn-download:hover{background:linear-gradient(#ffc58a,#f49746);border-color:var(--z-focus)}
html[data-z-theme="navy-orange"] .music-promo{background:var(--z-surface);color:var(--z-muted);border-color:var(--z-border)}html[data-z-theme="navy-orange"] .music-promo a{color:var(--z-accent)}html[data-z-theme="navy-orange"] .brand-mark{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text)!important;box-shadow:inset 0 1px #ffe5bf,0 3px 8px var(--z-shadow)}html[data-z-theme="navy-orange"] footer{background:var(--z-surface-alt);color:var(--z-muted)}
html[data-z-theme="navy-orange"] :where(.project-card,.admin-card,.about-value,.about-contact){background:linear-gradient(145deg,var(--z-surface),var(--z-surface-alt));color:var(--z-text);border-color:var(--z-border);box-shadow:inset 0 1px var(--z-highlight),0 5px 12px var(--z-shadow)}html[data-z-theme="navy-orange"] :where(.admin-shell,.admin-header){background:var(--z-bg);color:var(--z-text)}html[data-z-theme="navy-orange"] :where(.group-title,.admin-intro p,.admin-card p,.project-card-copy p,.note){color:var(--z-muted)}html[data-z-theme="navy-orange"] :where(.admin-card:hover,.project-card:hover){border-color:var(--z-accent)}html[data-z-theme="navy-orange"] :where(.pill,.demo-tag){background:var(--z-raised);color:var(--z-text)}html[data-z-theme="navy-orange"] .url{color:var(--z-accent)}
html[data-z-theme="navy-orange"],html[data-z-theme="navy-orange"] body{--cyan:var(--z-accent)}html[data-z-theme="navy-orange"] .project-list a{background:linear-gradient(145deg,var(--z-surface),var(--z-surface-alt));color:var(--z-text);border-color:var(--z-border)}html[data-z-theme="navy-orange"] .project-card-copy b,html[data-z-theme="navy-orange"] .detail-gallery figcaption strong{color:var(--z-text)}html[data-z-theme="navy-orange"] .project-card-copy span,html[data-z-theme="navy-orange"] .lead{color:var(--z-muted)}html[data-z-theme="navy-orange"] .menu-link.active{background:var(--z-raised);color:var(--z-text);border-color:var(--z-accent)}html[data-z-theme="navy-orange"] .top .top-links .primary-link,html[data-z-theme="navy-orange"] .top .top-links .primary-link:hover{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));border-color:#d88640;color:var(--z-primary-text)}html[data-z-theme="navy-orange"] .music-promo b{color:var(--z-accent)}html[data-z-theme="navy-orange"] .hero-panel:after{border-color:#ff9a4318}html[data-z-theme="navy-orange"] .zstream-image,html[data-z-theme="navy-orange"] .zstream-image img{display:block;max-width:100%;height:auto}
html[data-z-theme="navy-orange"] .admin-mark{background:var(--z-surface-alt);border-color:var(--z-border)}html[data-z-theme="navy-orange"] .admin-mark i{background:var(--z-accent);box-shadow:0 0 8px #ff9a4344}html[data-z-theme="navy-orange"] .admin-brand small,html[data-z-theme="navy-orange"] .section-heading>b,html[data-z-theme="navy-orange"] .card-arrow,html[data-z-theme="navy-orange"] .admin-footer a{color:var(--z-accent)}html[data-z-theme="navy-orange"] .admin-card small{color:var(--z-muted)}html[data-z-theme="navy-orange"] .admin-card:hover,html[data-z-theme="navy-orange"] .admin-card:focus-visible{background:var(--z-raised);border-color:var(--z-accent)}
/* Sidebar hierarchy: category headings are larger than product links. */
html[data-z-theme="navy-orange"] .sidebar .group-title{font-size:18px;font-weight:800;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--z-accent);margin:26px 12px 9px}html[data-z-theme="navy-orange"] .sidebar .menu-link{font-size:15px;line-height:1.5}
/* Solid action links must pair orange surfaces with dark text. */
html[data-z-theme="navy-orange"] .detail-actions a{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text);border:1px solid #d88640;box-shadow:inset 0 1px #ffe5bf,0 3px 0 #8c451b}html[data-z-theme="navy-orange"] .skip-link{background:var(--z-surface);color:var(--z-text);border:1px solid var(--z-accent)}
html[data-z-theme="navy-orange"] .remote-action,html[data-z-theme="navy-orange"] .cc-button.secondary{background:linear-gradient(var(--z-raised),var(--z-surface));color:var(--z-text);border:1px solid var(--z-border)}html[data-z-theme="navy-orange"] .remote-action.remote-action-primary,html[data-z-theme="navy-orange"] .cc-button:not(.secondary),html[data-z-theme="navy-orange"] .mo-actions a,html[data-z-theme="navy-orange"] .srt-actions a,html[data-z-theme="navy-orange"] .yd-actions a{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text);border:1px solid #d88640}html[data-z-theme="navy-orange"] #projectContent .hero-panel,html[data-z-theme="navy-orange"] .yd-hero,html[data-z-theme="navy-orange"] .mo-hero{background:linear-gradient(145deg,var(--z-surface),var(--z-surface-alt));color:var(--z-text)}html[data-z-theme="navy-orange"] #projectContent .hero-panel h1,html[data-z-theme="navy-orange"] .yd-hero h1{color:var(--z-text)}html[data-z-theme="navy-orange"] .yd-hero p,html[data-z-theme="navy-orange"] .mo-hero p{color:var(--z-muted)}html[data-z-theme="navy-orange"] .project-thumb.placeholder-thumb{background:var(--z-surface-alt);color:var(--z-muted)}
html[data-z-theme="navy-orange"] .cc-button:not(.secondary){color:var(--z-primary-text)!important}html[data-z-theme="navy-orange"] .cc-button.secondary{color:var(--z-text)!important}html[data-z-theme="navy-orange"] .yd-contact a{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text)}
html[data-z-theme="navy-orange"] .yd-end a{background:linear-gradient(var(--z-primary-top),var(--z-primary-bottom));color:var(--z-primary-text)}
