/* Dark mode. Light mode is the default and lives in the other stylesheets.
   Only screen: printing is always light. Brand colours (indigo hero, navy footer, lime) stay the same. */
@media screen{
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0A0B26;--surface:#15184A;--tint:#11133A;--lav:#1D2058;--line:#2A2E70;
  --ink:#E8EAFF;--muted:#A8AEE3;--ink2:#C8CCF6;--accent:#A9B1FF}
[data-theme=dark] .top{background:color-mix(in oklab,var(--bg) 86%,transparent)}
[data-theme=dark] .top.scrolled{box-shadow:0 8px 24px rgba(0,0,0,.45)}
[data-theme=dark] .band.notices{background:var(--bg)}
[data-theme=dark] .card{background:var(--surface)}
[data-theme=dark] .split .notice-list li:hover{background:var(--surface)}
[data-theme=dark] .offer-list li:hover,[data-theme=dark] .card:hover{box-shadow:0 14px 30px rgba(0,0,0,.5)}
/* Buttons: lime ones keep dark text, others follow the theme */
[data-theme=dark] .btn{color:var(--ink)}
[data-theme=dark] .btn::after{background:var(--ink)}
[data-theme=dark] .btn.lime{color:#0F0F4D}
[data-theme=dark] .btn.lime::after{background:#0F0F4D}
[data-theme=dark] .btn.white{color:#4F5BEA}
[data-theme=dark] .btn.white::after{background:#4F5BEA}
[data-theme=dark] #burger i{background:var(--ink)}
/* Waves: "white" and "tint" follow the dark page colours */
[data-theme=dark] .wave[data-from=white]{--from:var(--bg)}
[data-theme=dark] .wave[data-to=white]{--to:var(--bg)}
[data-theme=dark] .wave[data-from=tint]{--from:var(--tint)}
[data-theme=dark] .wave[data-to=tint]{--to:var(--tint)}
/* Footer a shade darker than the page so it still reads as its own block */
[data-theme=dark] .site-foot{background:#070820}
[data-theme=dark] .stats{background:#0F0F4D}
/* Illustrations drawn in black need a light panel */
[data-theme=dark] img[src*="school-icons"]{background:#EEF0FF;border-radius:28px;padding:clamp(8px,2vw,22px)}
[data-theme=dark] .books{filter:drop-shadow(0 0 1.5px #A9B1FF)}
[data-theme=dark] .to-top{background:var(--lime);box-shadow:0 0 0 2px #0A0B26,0 8px 20px rgba(0,0,0,.5)}
[data-theme=dark] .to-top svg{stroke:#0F0F4D}
[data-theme=dark] ::selection{background:var(--lime);color:#0F0F4D}
@media (max-width:1150px){[data-theme=dark] .top nav{background:var(--bg);box-shadow:0 24px 40px rgba(0,0,0,.55)}}
/* Smooth colour change while switching (only for half a second) */
@media (prefers-reduced-motion:no-preference){
  .theme-anim,.theme-anim *{transition:background-color .35s,color .35s,border-color .35s,fill .35s,stroke .35s,box-shadow .35s!important}
}
}