/* SolTrade AI · unified Graphite & Gold | visual-only cascade layer.
 * Keep the animated landing solar system and Dashboard telemetry intact.
 * This file must load AFTER legacy stylesheet bundles on all pages. */
:root{
 --st-graphite:#101214;--st-canvas:#0c0e10;--st-panel:#191b1d;--st-raised:#202225;
 --st-gold:#edb75d;--st-gold-glow:#ffdaa0;--st-gold-deep:#b77d2d;
 --st-teal:#64cbb7;--st-ink:#f5eee1;--st-muted:#b8ae9f;
 --st-border:rgba(237,183,93,.22);--st-grid:rgba(237,183,93,.045);
 --brand-solar:var(--st-gold);--brand-solar-core:var(--st-gold-glow);
 --brand-ember:var(--st-gold-deep);--brand-teal:var(--st-teal);
 --surface-canvas:var(--st-canvas);--surface-canvas-alt:var(--st-graphite);
 --surface-panel:var(--st-panel);--surface-panel-alt:var(--st-raised);
 --surface-raised:#292a2a;--surface-inset:#121416;--surface-control:#242526;
 --surface-control-hover:#30302e;--surface-input:#17191a;
 --surface-code:#151617;--surface-track:#343331;
 --surface-sidebar:rgba(17,18,19,.97);--surface-glass:rgba(30,31,32,.72);
 --surface-row-hover:rgba(237,183,93,.05);--surface-accent-soft:rgba(237,183,93,.10);
 --surface-info-soft:rgba(100,203,183,.09);
 --text-primary:var(--st-ink);--text-strong:#ece2d0;--text-secondary:#d2c8b8;
 --text-muted:var(--st-muted);--text-faint:#988f82;--text-accent:var(--st-gold-glow);
 --text-info:#94ded0;--border-default:#393734;--border-strong:#555044;
 --border-subtle:rgba(91,84,73,.5);--border-accent:var(--st-border);
 --focus:var(--st-gold);--focus-ring:rgba(237,183,93,.18);
 --bg:var(--surface-canvas);--bg2:var(--surface-canvas-alt);
 --panel:var(--surface-panel);--panel2:var(--surface-panel-alt);
 --text:var(--text-primary);--muted:var(--text-muted);
 --line:var(--border-default);--line2:var(--border-strong);
 --accent:var(--st-gold);--accent2:var(--st-teal);
 --sun:var(--st-gold);--sun-core:var(--st-gold-glow);--ember:var(--st-gold-deep)
}
html[data-theme="light"]{
 --st-graphite:#f9f7f2;--st-canvas:#f4f1eb;--st-panel:#fffefa;--st-raised:#f9f6ef;
 --st-gold:#a66b1b;--st-gold-glow:#dba34c;--st-gold-deep:#895414;
 --st-teal:#14796d;--st-ink:#27231c;--st-muted:#645b4e;
 --st-border:rgba(166,107,27,.23);--st-grid:rgba(166,107,27,.055);
 --brand-solar:var(--st-gold);--brand-solar-core:var(--st-gold-glow);
 --brand-ember:var(--st-gold-deep);--brand-teal:var(--st-teal);
 --surface-canvas:var(--st-canvas);--surface-canvas-alt:var(--st-graphite);
 --surface-panel:var(--st-panel);--surface-panel-alt:var(--st-raised);
 --surface-raised:#f0e9dd;--surface-inset:#faf7f0;--surface-control:#fffefa;
 --surface-control-hover:#f0e9dd;--surface-input:#fffefa;
 --surface-code:#f4efe7;--surface-track:#e1d9cb;
 --surface-sidebar:rgba(255,254,250,.97);--surface-glass:rgba(255,254,250,.8);
 --surface-row-hover:#fcf5e9;--surface-accent-soft:#fbf0dc;
 --surface-info-soft:#e9f8f5;--text-primary:var(--st-ink);
 --text-strong:#3a3021;--text-secondary:#595143;
 --text-muted:var(--st-muted);--text-faint:#746a5c;
 --text-accent:#895414;--text-info:#14796d;
 --border-default:#ded5c6;--border-strong:#c7b69a;--border-subtle:#ece3d5;
 --border-accent:var(--st-border);--focus:var(--st-gold);
 --focus-ring:rgba(166,107,27,.20);
 --bg:var(--surface-canvas);--bg2:var(--surface-canvas-alt);
 --panel:var(--surface-panel);--panel2:var(--surface-panel-alt);
 --text:var(--text-primary);--muted:var(--text-muted);
 --line:var(--border-default);--line2:var(--border-strong);
 --accent:var(--st-gold);--accent2:var(--st-teal);
 --sun:var(--st-gold);--sun-core:var(--st-gold-glow);--ember:var(--st-gold-deep)
}
body{font-family:'Hanken Grotesk',Inter,ui-sans-serif,system-ui,sans-serif}
:where(h1,h2,h3,.brand strong,.logo strong,.st370-hero h2){font-family:'Bricolage Grotesque','Hanken Grotesk',sans-serif}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:where(.panel,.hero-card,.stat-card,.feature,.compare-card,.beta-card,.help-dialog){border-color:var(--border-default)}
/* Landing, English and Spanish, plus help and legal pages. */
body:has(>.shell){background:var(--surface-canvas);color:var(--text-primary)}
.shell{--panel:var(--surface-panel);--panel2:var(--surface-panel-alt);--text:var(--text-primary);
 --muted:var(--text-muted);--muted2:var(--text-faint);--line:var(--border-default);
 --accent:var(--brand-solar);--accent2:var(--brand-teal)}
.shell .grid-bg{background-image:linear-gradient(var(--st-grid) 1px,transparent 1px),linear-gradient(90deg,var(--st-grid) 1px,transparent 1px)}
.shell .aurora.a{background:var(--brand-solar);opacity:.085}
.shell .aurora.b{background:var(--brand-teal);opacity:.06}
.shell .nav{background:linear-gradient(180deg,rgba(12,14,16,.95),rgba(12,14,16,.72) 76%,transparent)}
.shell .nav.scrolled{background:rgba(17,18,19,.96);border-bottom:1px solid var(--st-border)}
.shell .logo em{color:var(--brand-solar)}
.shell .nav-links a:hover,.shell .footer-links a:hover{color:var(--brand-solar)}
.shell .hero h1 span{background:linear-gradient(92deg,var(--st-gold-glow),var(--st-gold) 56%,#c3893f);background-clip:text;-webkit-background-clip:text;color:transparent}
.shell .eyebrow{color:var(--st-gold);letter-spacing:.12em}
.shell .eyebrow:before{background:var(--st-gold)}
.shell .hero-copy,.shell .section-head p{color:var(--text-muted)}
.shell .button.primary{background:linear-gradient(130deg,#ffdaa0 0%,#edb75d 58%,#c3893f 100%);border-color:var(--st-border);color:#252017;box-shadow:0 12px 28px rgba(237,183,93,.12)}
.shell .button.primary:hover{box-shadow:0 14px 34px rgba(237,183,93,.22)}
.shell .button.ghost,.shell .theme-toggle,.shell .lang,.shell .pill-link{border-color:var(--border-strong);background:var(--surface-control);color:var(--text-secondary)}
.shell :where(.feature,.compare-card,.reason-card,.beta-card,.memory-node,.risk-demo,.edge-demo,.privacy-card){background-color:var(--surface-panel);border-color:var(--border-default)}
.shell .feature{--glow:var(--st-gold)!important;background:linear-gradient(155deg,var(--surface-panel),var(--surface-panel-alt));border-radius:16px}
.shell .feature-index,.shell .feature-tag,.shell .compare-label{color:var(--st-gold)}
.shell .compare-card.featured{border-color:var(--st-border);background:linear-gradient(150deg,var(--surface-panel-alt),var(--surface-panel))}
.shell .section.contrast{background:linear-gradient(180deg,var(--surface-canvas-alt),var(--surface-canvas));border-color:var(--border-default)}
.shell .footer{background:var(--surface-canvas-alt);border-color:var(--border-default)}
/* Signed-in application and its full navigation. */
body.app-shell{background:radial-gradient(ellipse at 83% -5%,rgba(237,183,93,.06),transparent 35%),var(--surface-canvas)}
.app-shell .sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-default)}
.app-shell .topbar{background:var(--surface-canvas);border-color:var(--border-default)}
.app-shell .nav-item.active{border-color:var(--border-accent);background:linear-gradient(95deg,var(--surface-accent-soft),transparent)}
.app-shell :where(.hero-card,.panel,.stat-card){background:linear-gradient(150deg,var(--surface-panel),var(--surface-panel-alt));border-color:var(--border-default)}
.app-shell :where(.language-select,.theme-toggle,.mode-pill,.live-chip){color:var(--text-secondary);border-color:var(--border-strong);background-color:var(--surface-control)}
/* Founder Dashboard Solar Command Center: no modification to charts or live data. */
#view-overview .st370{--st-gold:var(--brand-solar);--st-gold-bright:var(--st-gold-glow);--st-edge:var(--st-border);
 --st-bg:var(--surface-canvas);--st-surface:var(--surface-panel);--st-ink:var(--text-primary);--st-secondary:var(--text-muted)}
#view-overview .st370-hero{background:radial-gradient(ellipse at 80% 40%,rgba(237,183,93,.14),transparent 43%),linear-gradient(130deg,var(--surface-panel),var(--surface-canvas-alt));border-color:var(--st-border)}
#view-overview .st370-hero h2{color:var(--text-primary)}
#view-overview .st370-hero p{color:var(--text-muted)}
#view-overview .st370-chip{background:var(--surface-inset);color:var(--text-secondary);border-color:var(--border-default)}
#view-overview .st370-hero-period{color:var(--st-gold)}
/* Light-mode consistency: overwrite old cool blue and violet legacy accents. */
html[data-theme="light"] body:has(>.shell),html[data-theme="light"] body.app-shell{background:var(--surface-canvas);color:var(--text-primary)}
html[data-theme="light"] .shell .nav,html[data-theme="light"] .shell .nav.scrolled{background:rgba(255,254,250,.94);border-bottom-color:var(--border-default)}
html[data-theme="light"] .shell .logo em{color:var(--st-gold)!important}
html[data-theme="light"] .shell .hero h1 span{background:linear-gradient(95deg,#815017,#ad782d 54%,#744714);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="light"] .shell .hero-copy,html[data-theme="light"] .shell .section-head p{color:var(--text-muted)!important}
html[data-theme="light"] .shell :where(.feature,.compare-card,.reason-card,.beta-card,.privacy-card){background:var(--surface-panel)!important;border-color:var(--border-default)!important;color:var(--text-primary)}
html[data-theme="light"] .shell .feature-index,html[data-theme="light"] .shell .feature-tag{color:var(--st-gold)!important}
html[data-theme="light"] .shell .section.contrast{background:var(--surface-canvas-alt)}
html[data-theme="light"] .shell .footer{background:var(--surface-canvas-alt)!important;border-color:var(--border-default)!important}
html[data-theme="light"] .shell .button.primary{background:linear-gradient(135deg,#ffd58b,#e9aa4a 55%,#c88a36)!important;border-color:#b58138!important;color:#241d12!important}
html[data-theme="light"] .shell .button.ghost,html[data-theme="light"] .shell .theme-toggle,html[data-theme="light"] .shell .lang,html[data-theme="light"] .shell .pill-link{background:var(--surface-panel)!important;border-color:var(--border-strong)!important;color:var(--text-secondary)!important}
html[data-theme="light"] .app-shell .topbar{background:var(--surface-canvas)}
html[data-theme="light"] .app-shell :where(.hero-card,.panel,.stat-card){background:var(--surface-panel);border-color:var(--border-default)}
html[data-theme="light"] #view-overview .st370{--st-ink:var(--text-primary);--st-secondary:var(--text-muted);--st-edge:var(--border-default)}
html[data-theme="light"] #view-overview .st370-hero{background:radial-gradient(ellipse at 75% 40%,rgba(166,107,27,.10),transparent 43%),linear-gradient(135deg,var(--surface-panel),var(--surface-panel-alt));border-color:var(--border-accent)}
html[data-theme="light"] #view-overview .st370-hero h2{color:var(--text-primary)}
html[data-theme="light"] #view-overview .st370-hero p{color:var(--text-muted)}
html[data-theme="light"] #view-overview .st370-chip{background:var(--surface-inset);border-color:var(--border-default);color:var(--text-secondary)}
@media(prefers-reduced-motion:reduce){.shell .aurora{animation:none}}