/* Ather Schools — Dark theme overrides * Activated by [data-theme="dark"] on . * Mirrors brand semantics without breaking navy/gold identity. */ html[data-theme="dark"]{ --bg:#0B1024; --bg-elev:#121A36; --surface:#162042; --mist:#0F1730; --text:#E8ECF7; --text-soft:#A8B2D1; --rule:rgba(255,255,255,.08); --brand-navy:#E8ECF7; /* invert text-on-navy uses */ --brand-navy-deep:#0B1024; color-scheme:dark; } html[data-theme="dark"] body{background:var(--bg);color:var(--text);} html[data-theme="dark"] .site-header{background:rgba(11,16,36,.85);border-bottom:1px solid var(--rule);} html[data-theme="dark"] .topbar{background:#070C1C;color:#A8B2D1;} html[data-theme="dark"] .card, html[data-theme="dark"] .subject, html[data-theme="dark"] .track, html[data-theme="dark"] .school-card, html[data-theme="dark"] .safety-card, html[data-theme="dark"] .stat, html[data-theme="dark"] .pillar-icons .card{ background:var(--surface);color:var(--text);border-color:var(--rule); } html[data-theme="dark"] .section[style*="mist"], html[data-theme="dark"] .section{background:var(--bg);} html[data-theme="dark"] section[style*="--mist"]{background:var(--mist)!important;} html[data-theme="dark"] .page-hero{background:linear-gradient(180deg,#0F1730 0%,#0B1024 100%);color:var(--text);} html[data-theme="dark"] .brand__name, html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--text);} html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .brand__tag{color:var(--text-soft);} html[data-theme="dark"] .nav__link{color:var(--text);} html[data-theme="dark"] .nav__menu{background:var(--bg-elev);border:1px solid var(--rule);} html[data-theme="dark"] .nav__menu-item{color:var(--text);} html[data-theme="dark"] .btn--light{background:var(--surface);color:var(--text);border-color:var(--rule);} html[data-theme="dark"] .btn--ghost{color:var(--text);border-color:var(--rule);} html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{ background:var(--bg-elev);color:var(--text);border-color:var(--rule); } /* .site-footer styling lives in layout.css (gradient + spacing). */ html[data-theme="dark"] .cookie-consent{background:var(--bg-elev);color:var(--text);border-color:var(--rule);} /* Lang switch — dark */ html[data-theme="dark"] .lang-switch{background:rgba(255,255,255,.04);border-color:var(--rule);} html[data-theme="dark"] .lang-switch button{color:var(--text-soft);} html[data-theme="dark"] .lang-switch button.is-active{background:var(--nav-active-bg) !important;color:var(--nav-active-fg) !important;} /* Icon buttons on dark header */ html[data-theme="dark"] .icon-btn{color:var(--text);} html[data-theme="dark"] .icon-btn:hover{background:rgba(255,255,255,.06);} /* Header polish */ html[data-theme="dark"] .site-header.is-scrolled{background:rgba(11,16,36,.95);box-shadow:0 8px 24px rgba(0,0,0,.35);} html[data-theme="dark"] .nav__link:hover{color:#fff;background:rgba(255,255,255,.06);} html[data-theme="dark"] .site-header .nav__link.is-active, html[data-theme="dark"] .site-header .nav__link.has-active-child{color:var(--nav-active-fg) !important;background:var(--nav-active-bg) !important;} html[data-theme="dark"] .site-header .nav__menu-item.is-active{ color:var(--nav-active-fg) !important; background:var(--nav-active-bg) !important; } html[data-theme="dark"] .site-header .nav__menu-item.is-active strong{color:var(--nav-active-fg) !important;}