/* Dark variable overrides for the three demos that use their own variable names (proof, loop, press-start).
   Loaded after each page's own CSS. Same palette as detail-dark.css / the home page. */
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{
 color-scheme:dark;
 --bg:#14151a;--paper:#14151a;--surface:#1d1f26;--card:#1d1f26;
 --ink:#eeece4;--ink-2:#b9b8ae;--soft:#b9b8ae;--muted:#a3a29a;--mut:#a3a29a;--faint:#94938a;
 --line:rgba(238,236,228,.12);--line-2:rgba(238,236,228,.22);
 --accent:#f0743a;--accent-deep:#ff8a56;--accent-soft:rgba(240,116,58,.14);--ink-bar:#eeece4;
 --proof:#f0743a;--vip:#e6b656;--retail:#94938a;--truth:#7fd6c8;
 --trusted:#1f7a72;--watch:#b45309;--questionable:#c2410c;--critical:#b04555;
 --urgent:#f28b82;--normal:#b9b8ae;--noise:#94938a;
 --serif:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
 --pc:#4b5563;--multi:#6b7280;--arcade:#b45309;--sega:#0077a3;--mobile:#0f766e;--chipon:#f0743a;
}
body{background:#14151a;color:#eeece4;font-family:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif}
h1,h2,h3,h4,.hero__title,.mapping__title,.proofbar__head,.brand__name,.method__title{font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif!important}
.hero__title,.mapping__title{font-weight:600!important;letter-spacing:-.04em!important}
.hero__title em,.mapping__title em{font-style:normal}
.mono,.nav__mark,.nav__meta{font-family:"JetBrains Mono",ui-monospace,monospace}
:focus-visible{outline:2px solid #f0743a;outline-offset:3px}
::selection{background:#f0743a;color:#14151a}
a{color:inherit}
/* headings + labels */
.topbar,.top{background:rgba(20,21,26,.82)}
.brand__mark{background:#f0743a;color:#14151a}
.demo-badge{color:#e6b656;background:rgba(230,182,86,.1);border-color:rgba(230,182,86,.35)}
.btn-dl{background:transparent;color:#eeece4;border-color:rgba(238,236,228,.22)}
.btn-dl:hover{border-color:#f0743a;color:#f0743a}
.nav__home,.back{font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b9b8ae!important}
.nav__home:hover,.back:hover{color:#eeece4!important}
/* proof */
.proofbar{background:linear-gradient(120deg,#1d1f26,#252831);border:1px solid rgba(238,236,228,.12)}
.proofbar__kicker{color:#f0743a}.proofbar__sub{color:#b9b8ae}.bigstat__l{color:#a3a29a}.bigstat__arrow{color:#94938a}
.bigstat--good .bigstat__v{color:#7fd6c8}
.kpi--alert{background:linear-gradient(180deg,rgba(242,139,130,.09),#1d1f26)}.kpi--alert .kpi__v,.dstat__v.alert{color:#f28b82}
.score-row:hover{background:rgba(238,236,228,.05)}
.dstat{background:#191b21}
.flag{background:#191b21}
.flag--critical{background:rgba(242,139,130,.07);border-color:rgba(242,139,130,.34)}
.flag--warn{background:rgba(230,182,86,.07);border-color:rgba(230,182,86,.34)}
.flag--ok{background:rgba(127,214,200,.06);border-color:rgba(127,214,200,.3)}
.mcard--out{border-color:rgba(240,116,58,.35);background:linear-gradient(180deg,rgba(240,116,58,.10),#1d1f26)}
.method__kick{color:#f0743a}
.chart .axis text{fill:#a3a29a}
.chart .gridline{stroke:rgba(238,236,228,.12)}
/* loop */
.card{background:linear-gradient(180deg,#1d1f26,#191b21)}
.lbl:hover,.sovbtn:hover{background:#252831;border-color:#eeece4}
.lbl.is-suggested::after{background:#14151a}
.seg{background:#14151a}
.seg button.is-active{background:#f0743a;color:#14151a}
.toast{background:#eeece4;color:#14151a}
.bar{background:#14151a}
.ro__v{font-family:"Space Grotesk",sans-serif;font-weight:600;color:#f0743a}
.chart__swap{stroke:#eeece4}
.chart__tick,.chart__empty{fill:#a3a29a}
.lbl__k{color:#94938a}
.hint,.inst__note{color:#a3a29a}
/* press-start */
.top{border-bottom:1px solid rgba(238,236,228,.12)}
.chip,select,.sortseg{background:#1d1f26}
.chip:hover,select:focus{border-color:#eeece4;color:#eeece4}
select{color:#b9b8ae;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a3a29a'/%3E%3C/svg%3E")}
select option{background:#1d1f26;color:#eeece4}
.sortseg button.on{background:#f0743a;color:#14151a}
.cover{box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.7)}
.tcover{filter:none}
.stat .l,.meta .s,.count-note,.empty{color:#a3a29a}
.logo .g{color:#4ade80}.logo .b{color:#60a5fa}.logo .r{color:#f87171}
.foot a{color:#b9b8ae}

.tcover .yr,.tcover .plat{opacity:.9}
.h1 .accent,h1 .accent{background:linear-gradient(90deg,#ff8a6a,#f0743a 50%,#e6b656);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-arrow{color:#a3a29a!important}
.flow .step .ar{color:#94938a!important}

/* synthetic-data / proof-of-concept notice, first element on every demo and detail page */
.poc-strip{background:#1d1f26;border-bottom:1px solid rgba(238,236,228,.22);color:#b9b8ae;font:500 .76rem/1.5 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;padding:10px 20px;text-align:center;overflow-wrap:break-word}
.poc-strip b{color:#eeece4;font-weight:600}
.poc-strip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f0743a;margin-right:8px;vertical-align:middle}