:root{
  --bg:#06110d;
  --surface:#0b1b14;
  --raised:#10261c;
  --line:#214033;
  --text:#f5f1e8;
  --muted:#9aada1;
  --accent:#28c77f;
  --orange:#f1c84b;
}
body{background:radial-gradient(circle at 92% 4%,#173c2c 0,transparent 30%),var(--bg)}
.sidebar{background:#07150f;border-color:var(--line)}
.brand{color:var(--text);line-height:1}
.brand>span:last-child{display:flex;flex-direction:column}
.brand small{margin-top:6px;color:var(--orange);font-size:8px;letter-spacing:1.8px}
.brand-icon{background:var(--accent);color:var(--text);box-shadow:inset -4px -4px 0 #0c6a45}
.workspace-label a:hover,.network{color:var(--orange)}
.nav.active{color:var(--text);background:#103523;box-shadow:inset 3px 0 0 var(--orange)}
.topbar{border-color:var(--line)}
.badge{border-color:#3b7657;background:#123d29;color:#a9f0ca}
.badge.warning{border-color:#8e7628;background:#2a2813;color:#ffe58a}
.eyebrow,.accent{color:var(--orange)}
.primary{background:var(--accent);border-color:var(--accent);color:#04110b}
.primary:hover:not(:disabled){background:#42d993}
.secondary{background:var(--raised);border-color:var(--line);color:var(--text)}
.panel,.demo-figure{background:#091912;border-color:var(--line)}
.demo-figure img{filter:none}
.demo-figure figcaption{border-top:1px solid var(--line)}
.capability-grid b,.download-links{color:var(--orange)}
.inset{background:#07150f;border-color:var(--line)}
.field input,.field textarea,.field select{background:#081710;border-color:#2a5140;color:var(--text)}
.mode{background:#091912;border-color:var(--line)}
.mode-number{color:var(--orange)}
.mode:nth-child(2){border-top-color:var(--orange)}
.message{color:var(--accent)}
footer{border-color:var(--line)}
@media(max-width:700px){.nav.active{box-shadow:inset 0 -2px 0 var(--orange)}}