/* Night look, shared by all pages. Loaded last so it wins over each page's own colours. */
/* Night look, like the app (Sandra, 11 Nov 2026): night navy, white text, periwinkle buttons, gold accents. */
:root:root:root{color-scheme:dark;
  --ground:#050C20; --surface:#0C1632; --band:#08122B; --sage-band:#08122B; --sand:#08122B;
  --ink:#FFFFFF; --ink-soft:#B8BED0; --head:#FFFFFF; --line:rgba(184,190,208,.18);
  --terra:#E8B860; --terra-text:#E8B860; --terra-btn:#5965FF; --accent:#E8B860; --accent-ink:#FFFFFF;
  --olive-mid:#B8BED0; --sage-deep:#5965FF; --charcoal:#FFFFFF;
  --serif:"DM Serif Display",Georgia,serif;
  --sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body{background:radial-gradient(1200px 600px at 80% -10%,rgba(89,101,255,.18),transparent 60%),var(--ground)}
h1{letter-spacing:-.01em}
em{color:var(--terra-text)}
.mark.logo img{height:52px!important}
.mark.logo .on-dark{display:none!important}.mark.logo .on-light{display:block!important}
.btn{border-radius:14px}
.store,:root .store{background:#5965FF!important;color:#FFFFFF!important;border-radius:14px}
.step{background:var(--surface);border-color:var(--line)}
.step .eyebrow,.eyebrow{color:var(--ink-soft)}
.step .eyebrow{color:var(--terra-text)}
.figure{border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.langs a[aria-current]{background:#5965FF;color:#fff}
.navlink{border-bottom-color:var(--terra)}
footer a{color:var(--ink-soft)}
@media (max-width:420px){.mark.logo img{height:42px!important}}