/* ===== Theme tokens. Default = Stream Noir ===== */
:root,[data-theme=noir]{
 --btn:#E00000;--btn-h:#B80000;--kick:#D00000;--rule:#FFD400;
 --hdr-bg:rgba(10,10,10,.96);--hdr-bg-solid:#0A0A0A;--hdr-fg:#fff;--hdr-muted:#D6D6D6;--hdr-line:#222;--hdr-line2:#444;
 --deep:#0A0A0A;--deep-text:#fff;--deep-muted:#C4C4C4;--deep-line:#2A2A2A;--kick-deep:#FFD400;--rule-deep:#FD0303;
 --band:#0A0A0A;--band2:#141414;--band-text:#fff;--band-muted:#C4C4C4;--band-line:#2A2A2A;--band-kick:#FFD400;
 --hero-glow1:rgba(253,3,3,.18);--hero-glow2:rgba(255,212,0,.08);--grid-line:#ffffff08;
 --cta-bg:#E00000;--cta-btn:#0A0A0A;--ftr-bg:#000;--ftr-muted:#9A9A9A;--ftr-link:#B5B5B5;--ftr-line:#222;
 --cover-grad:linear-gradient(135deg,#0A0A0A 0%,#1f1f1f 55%,#3a0000 100%);--paper:#F5F5F2;
}
[data-theme=light]{
 --btn:#E00000;--btn-h:#B80000;--kick:#C80000;--rule:#E00000;
 --hdr-bg:rgba(255,255,255,.97);--hdr-bg-solid:#fff;--hdr-fg:#1A1A1A;--hdr-muted:#404040;--hdr-line:#E6E6E3;--hdr-line2:#CFCFCB;
 --deep:#F7F7F5;--deep-text:#1A1A1A;--deep-muted:#404040;--deep-line:#DADAD6;--kick-deep:#C80000;--rule-deep:#E00000;
 --band:#1A1A1A;--band2:#242424;--band-text:#fff;--band-muted:#C9C9C9;--band-line:#333;--band-kick:#FFD400;
 --hero-glow1:rgba(253,3,3,.06);--hero-glow2:rgba(166,166,165,.10);--grid-line:#0000000a;
 --cta-bg:#1A1A1A;--cta-btn:#E00000;--ftr-bg:#1A1A1A;--ftr-muted:#A6A6A5;--ftr-link:#C9C9C9;--ftr-line:#333;
 --cover-grad:linear-gradient(135deg,#1A1A1A 0%,#3A3A3A 60%,#5A5A59 100%);--paper:#F7F7F5;
}
/* Executive Light — soft cool grey canvas, white cards, #404040 text, Stream red accents */
[data-theme=light]{--paper:#EEF0F2;--line:#DDE0E4;--grey:#404040;--mid:#6B6F76;--kick:#D00000;--rule:#FD0303;--rule-deep:#FD0303;--deep:#F4F5F7;--deep-line:#DDE0E4;--hdr-line:#E3E5E9;--hdr-line2:#CDD1D6}
[data-theme=light] body{background:#F4F5F7}
[data-theme=light] .s.paper,[data-theme=light] .paper{background:#EEF0F2}
[data-theme=light] .panel,[data-theme=light] .acard,[data-theme=light] .cap,[data-theme=light] .uccard,[data-theme=light] .card2,[data-theme=light] .kpis{background:#fff}
[data-theme=light] .panel{box-shadow:0 18px 44px rgba(20,30,45,.07)}
[data-theme=light] .hdr .brand img{content:url(../img/stream-logo-dark.png)}
[data-theme=light] .hero .askbox{border:1px solid #E3E3DF;box-shadow:0 24px 50px rgba(0,0,0,.08)}
[data-theme=light] .phead,[data-theme=light] .art-hero{border-bottom:1px solid #E6E6E3}
[data-theme=light] .hero .btn.ghost,[data-theme=light] .phead .btn.ghost{color:#1A1A1A!important}
[data-theme=navy]{
 --btn:#E00000;--btn-h:#B80000;--kick:#C80000;--rule:#FFD400;
 --hdr-bg:rgba(11,31,58,.97);--hdr-bg-solid:#0B1F3A;--hdr-fg:#fff;--hdr-muted:#D3DCE8;--hdr-line:#1C3558;--hdr-line2:#3A5478;
 --deep:#0B1F3A;--deep-text:#fff;--deep-muted:#C5D1E0;--deep-line:#22406A;--kick-deep:#FFD400;--rule-deep:#FD0303;
 --band:#0F2747;--band2:#14305A;--band-text:#fff;--band-muted:#C5D1E0;--band-line:#25456F;--band-kick:#FFD400;
 --hero-glow1:rgba(253,3,3,.14);--hero-glow2:rgba(166,166,165,.10);--grid-line:#ffffff0a;
 --cta-bg:#E00000;--cta-btn:#0B1F3A;--ftr-bg:#081729;--ftr-muted:#9FB0C6;--ftr-link:#C5D1E0;--ftr-line:#1C3558;
 --cover-grad:linear-gradient(135deg,#0B1F3A 0%,#14305A 55%,#3a0d1f 100%);--paper:#F3F5F8;
}
[data-theme=navy] .s.paper{background:#F3F5F8}
.hero:before{background:radial-gradient(900px 500px at 85% 20%,var(--hero-glow1),transparent 60%),radial-gradient(600px 400px at 70% 90%,var(--hero-glow2),transparent 60%)!important}
.hero .grid-bg{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)!important}
.hero .btn.ghost{color:var(--deep-text)}
.theme-badge{position:fixed;left:16px;bottom:16px;z-index:70;background:#FFD400;color:#000;font:700 12px Raleway,sans-serif;padding:6px 10px;text-decoration:none}
.nav a.btn,.nav a.btn:hover{color:#fff!important;box-shadow:none}
[data-theme=light] #roi-teaser{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* Why-now sits directly under the hero: use the second band shade + hairline so it doesn't merge with a dark hero (noir/navy); light hero is pale so keep the standard dark band there */
.s.dark.why-now{background:var(--band2)!important;border-top:1px solid var(--band-line)}
[data-theme=light] .s.dark.why-now{background:var(--band)!important;border-top:0}