/* Aurora Ember for the portal + public site — mirrors static/themes/aurora-ember.css (dashboard default).
   Logo hull blue #2F6BFF, amber #FFB86B, ember #FF8A28, near-black bg, frosted glass. Text keeps the portal's original fonts, sizes and plain colours. */
:root{--bg:#06070A;--void:#06070A;--card:rgba(16,22,34,.72);--panel:rgba(16,22,34,.72);--graphite:rgba(26,31,44,.85);
 --line:rgba(120,150,220,.18);--line2:rgba(140,170,240,.28);--text:#F2F5FA;--ivory:#F2F5FA;--muted:#B4BCCB;
 --blue:#2F6BFF;--amber:#FFB86B;--ember:#FF8A28;}
body{background:linear-gradient(160deg,#0A0A0B 0%,#081226 45%,#0A0A0B 75%,#1A0F06 100%) fixed;color:var(--text);position:relative}
body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
 background:radial-gradient(700px 420px at 18% -40px,rgba(47,107,255,.38),transparent 70%),radial-gradient(560px 360px at 88% 6%,rgba(255,184,107,.20),transparent 70%),radial-gradient(760px 420px at 60% 112%,rgba(255,138,40,.16),transparent 70%);
 animation:aedrift 20s ease-in-out infinite alternate}
@keyframes aedrift{to{transform:translate3d(0,28px,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){body:before{animation:none}}
/* links: plain #2F6BFF is ~4.2:1 on near-black; lift for AA body text */
a{color:#7FA2FF}
.brand,.btn,nav a,footer a{color:inherit}
/* header bars */
.top,nav{background:rgba(10,10,11,.6);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(47,107,255,.6),rgba(255,184,107,.5),transparent) 1}
/* landing headline: plain text (site.css gives .hl a gradient fill) */
h1 .hl{background:none;color:inherit;-webkit-text-fill-color:currentColor}
.hero:before{background:radial-gradient(closest-side,rgba(47,107,255,.32),transparent)}
.eyebrow,.soon{color:var(--amber)}
.dot{background:var(--ember);box-shadow:0 0 12px var(--ember)}
/* frosted glass */
.card,.stat,.mode,dialog.quiz,.nudge,.acct-menu,table.cmp,.req-banner{backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 10px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.card{background:var(--card)}.acct-menu{background:rgba(16,22,34,.95)}
input,select,textarea{background:rgba(10,14,22,.8)!important}
input:focus,select:focus,textarea:focus{outline:2px solid #5B8CFF;border-color:transparent}
.ic{color:#7FA2FF!important}
/* buttons */
.btn.primary,.btn-blue,.tab.on{background:linear-gradient(90deg,#2F6BFF,#2457D6);color:#fff;box-shadow:0 6px 22px rgba(47,107,255,.4)}
.btn.primary:hover,.btn-blue:hover{background:linear-gradient(90deg,#2F6BFF,#2457D6);box-shadow:0 6px 26px rgba(255,138,40,.35)}
.btn.warn{background:linear-gradient(90deg,#FFB86B,#FF8A28);color:#1a1206}
.linkbtn,.forgot a{color:#8FB0FF}
.featured{border-color:rgba(255,184,107,.55)!important;box-shadow:0 0 0 1px rgba(255,184,107,.3),0 30px 80px -40px rgba(255,138,40,.6)}
.founder{border-color:rgba(255,184,107,.4)}
.mode.on,.quiz .opt.sel{border-color:#2F6BFF;box-shadow:0 0 0 3px rgba(47,107,255,.3)}
.mode:hover,.quiz .opt:hover{border-color:rgba(255,184,107,.55)}
.y,.trust span:before{color:#7FA2FF}
.arc:after{background:var(--ember);box-shadow:0 0 24px var(--ember)}
/* drawer */
.drawer{background:rgba(10,12,18,.9);backdrop-filter:blur(26px) saturate(1.5);border-right:1px solid rgba(47,107,255,.35);border-radius:0 28px 28px 0}
.drawer [aria-current=page]{background:linear-gradient(90deg,#2F6BFF,#2457D6);color:#fff;box-shadow:inset -3px 0 0 #FFB86B}
.nav-mark{color:#8FB0FF}
/* never let the white canvas show through (tall pages, overscroll, full-page captures): paint the root near-black */
html{background:#06070A;color-scheme:dark}
body{min-height:100vh;background-color:#06070A}
section{background:transparent;color:var(--text)}
.card{background:rgba(16,22,34,.88)!important}
p,.sub,.lead,.muted,.doc p,.doc li,nav .links{color:var(--muted)}
h1,h2,h3,h4,.card h3,.feature h3{color:var(--text)}
