:root{
  --bg:#03050d;
  --panel:#080b18;
  --panel-soft:#0b0f1f;
  --line:rgba(148,163,184,.16);
  --line-strong:rgba(164,181,218,.29);
  --text:#f5f7fb;
  --muted:#aab3c5;
  --blue:#6677d9;
  --violet:#8b6bd6;
  --cyan:#72d5df;
  --green:#64c7a6;
  --amber:#d9ad6c;
  --red:#db7d8e;
}

/* Hyperion Traders documentation — readable light-first identity */
:root{--doc-bg:#f5f7fb;--doc-panel:#ffffff;--doc-panel-2:#eef2f8;--doc-line:#d9e0eb;--doc-text:#172238;--doc-muted:#66758e;--doc-accent:#245ee8;--doc-cyan:#087b9c}
html[data-theme="dark"]{--doc-bg:#070a12;--doc-panel:#101522;--doc-panel-2:#151c2d;--doc-line:#29354b;--doc-text:#eef4ff;--doc-muted:#a0acc0;--doc-accent:#62a0ff;--doc-cyan:#5de5ff}
body{background:var(--doc-bg)!important;color:var(--doc-text)!important;transition:background .25s ease,color .25s ease}
.topbar{background:color-mix(in srgb,var(--doc-panel) 92%,transparent)!important;border-color:var(--doc-line)!important;box-shadow:0 8px 30px rgba(26,37,61,.07)}
.brand,.brand small{color:var(--doc-text)!important}.toplinks a,.lang-btn,.menu-btn,.theme-btn{border:1px solid var(--doc-line);border-radius:9px;padding:9px 13px;background:var(--doc-panel-2);color:var(--doc-text);font-weight:750;cursor:pointer}
.layout{max-width:1580px}aside{background:var(--doc-panel)!important;border-color:var(--doc-line)!important}.search{background:var(--doc-panel-2)!important;border-color:var(--doc-line)!important;color:var(--doc-text)!important}.nav-group{color:var(--doc-muted)!important}.doc-link{color:var(--doc-muted)!important}.doc-link:hover{background:var(--doc-panel-2)!important;color:var(--doc-text)!important}.doc-link.active{background:linear-gradient(90deg,rgba(36,94,232,.11),rgba(8,123,156,.06))!important;color:var(--doc-text)!important;border-left-color:var(--doc-accent)!important}
main{background:var(--doc-bg)}.article{max-width:1040px}.eyebrow{color:var(--doc-cyan)!important}.article h1,.article h2,.article h3,.article strong,.article summary{color:var(--doc-text)!important}.article p,.article li,td{color:var(--doc-muted)!important}.lead{color:var(--doc-text)!important}.hero-card,.card,.step,details,table{background:var(--doc-panel)!important;border-color:var(--doc-line)!important;box-shadow:0 18px 55px rgba(25,38,63,.06)}th{background:var(--doc-panel-2)!important;color:var(--doc-text)!important}th,td,.metric,.article-nav{border-color:var(--doc-line)!important}.callout{background:color-mix(in srgb,var(--doc-accent) 7%,var(--doc-panel))!important;color:var(--doc-muted)!important}.callout.warning{background:color-mix(in srgb,#f59e0b 9%,var(--doc-panel))!important}.callout.danger{background:color-mix(in srgb,#e11d48 8%,var(--doc-panel))!important}.callout.good{background:color-mix(in srgb,#059669 8%,var(--doc-panel))!important}.article-nav button{background:var(--doc-panel)!important;border-color:var(--doc-line)!important;color:var(--doc-text)!important}footer{color:var(--doc-muted)!important}
@media(max-width:900px){.theme-btn{padding:8px 9px;font-size:11px}.toplinks{gap:5px}.toplinks .lang-btn{display:inline-block!important}.toplinks .builder{font-size:11px;padding:8px 10px}}
@media(max-width:560px){.brand small{display:none}.theme-btn{position:fixed;right:12px;bottom:14px;z-index:80;box-shadow:0 12px 35px rgba(0,0,0,.2)}.toplinks .lang-btn{min-width:72px}.toplinks .builder{display:none}}

html{background:#03050d}

body{
  background:
    radial-gradient(circle at 86% 5%,rgba(76,58,151,.15),transparent 30%),
    radial-gradient(circle at 6% 48%,rgba(15,102,118,.08),transparent 28%),
    linear-gradient(180deg,#03050d,#070815 56%,#03050d)!important;
  color:var(--text);
  font-family:"Manrope","Segoe UI",sans-serif!important;
  font-size:15px;
  font-weight:400;
  line-height:1.72;
  letter-spacing:-.012em;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.24) 0 1px,transparent 1.5px),
    radial-gradient(circle at 76% 30%,rgba(114,213,223,.24) 0 1px,transparent 1.5px),
    radial-gradient(circle at 62% 76%,rgba(139,107,214,.20) 0 1px,transparent 1.5px);
  background-size:310px 280px,430px 390px,370px 450px;
  opacity:.42;
}

.topbar{
  height:78px;
  padding:0 clamp(18px,3vw,44px);
  gap:24px;
  border-bottom:1px solid var(--line);
  background:rgba(3,5,13,.86);
  box-shadow:0 16px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(20px) saturate(115%);
}

.brand{
  gap:13px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.055em;
}

.brand img{
  height:38px;
  filter:drop-shadow(0 0 12px rgba(114,213,223,.18));
}

.brand small{
  margin-top:2px;
  color:#73809a;
  font-size:8px;
  font-weight:600;
  letter-spacing:.15em;
}

.toplinks{gap:8px}

.toplinks a,.lang-btn,.menu-btn{
  min-height:38px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(10,14,29,.72);
  color:#d8deea;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:-.01em;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}

.toplinks a:hover,.lang-btn:hover,.menu-btn:hover{
  border-color:var(--line-strong);
  background:#101528;
  transform:translateY(-1px);
}

.toplinks .builder{
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  background:linear-gradient(112deg,#405ad5,#6550c8 58%,#287d92);
  box-shadow:0 10px 26px rgba(44,51,144,.23);
}

.layout{
  grid-template-columns:278px minmax(0,1fr);
  max-width:1460px;
  min-height:calc(100vh - 78px);
}

aside{
  top:78px;
  height:calc(100vh - 78px);
  padding:34px 22px 42px;
  border-right:1px solid var(--line);
  background:rgba(4,7,16,.66);
  scrollbar-width:thin;
  scrollbar-color:#26304d transparent;
}

.search{
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(11,15,31,.78);
  color:#eef2fa;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:13px;
}

.search:focus{
  border-color:rgba(114,213,223,.48);
  box-shadow:0 0 0 3px rgba(114,213,223,.07);
}

.progress-wrap{
  height:2px;
  margin:22px 2px;
  background:#151b2e;
}

.progress{background:linear-gradient(90deg,#6170ca,#72d5df)}

.nav-group{
  margin:27px 0 8px;
  color:#69758d;
  font-size:9px;
  font-weight:600;
  letter-spacing:.15em;
}

.doc-link{
  margin:1px 0;
  padding:9px 10px;
  border-radius:5px;
  color:#9fa9bd;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:12px;
  line-height:1.45;
}

.doc-link:hover{
  background:rgba(255,255,255,.035);
  color:#eef2f8;
}

.doc-link.active{
  border-left:2px solid #72d5df;
  background:rgba(94,111,190,.10);
  color:#fff;
}

main{
  padding:76px clamp(34px,6vw,96px) 120px;
}

.article{max-width:940px}

.eyebrow{
  color:#72d5df;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
}

.article h1,.article h2{
  font-family:"Newsreader",Georgia,serif;
  font-weight:500;
  letter-spacing:-.045em;
}

.article h1{
  max-width:850px;
  margin:12px 0 26px;
  font-size:clamp(46px,6vw,72px);
  line-height:.98;
}

.article h2{
  margin:58px 0 18px;
  font-size:clamp(34px,4vw,48px);
  line-height:1.04;
}

.article h3{
  margin:28px 0 10px;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:18px;
  font-weight:600;
  letter-spacing:-.025em;
}

.article p,.article li{
  color:#aeb8ca;
  line-height:1.78;
}

.article li{margin:6px 0}
.article strong{color:#f3f5f9;font-weight:600}

.lead{
  max-width:780px;
  color:#c7cfdd!important;
  font-size:19px!important;
  line-height:1.75!important;
}

.hero-card{
  padding:clamp(28px,5vw,54px);
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(8,11,24,.78);
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
}

.hero-card .eyebrow{margin-bottom:12px}
.hero-card h1{margin-top:0}

.grid{
  gap:14px;
  margin:24px 0;
}

.card{
  padding:22px;
  border:1px solid var(--line);
  border-radius:7px;
  background:rgba(8,11,24,.70);
  box-shadow:0 18px 46px rgba(0,0,0,.16);
}

.card:hover{
  border-color:var(--line-strong);
  background:rgba(10,14,29,.80);
}

.icon{display:inline-block;margin-bottom:5px;font-size:22px}

.tag{
  padding:4px 9px;
  border:1px solid var(--line);
  border-radius:4px;
  background:rgba(10,14,29,.68);
  color:#c2cad9;
  font-size:10px;
}

.flow{gap:8px;margin:28px 0}

.step{
  padding:20px 15px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(8,11,24,.74);
  color:#aeb8ca;
}

.step b{color:#87dbe3;font-weight:600}
.step:not(:last-child)::after{color:#6f7bc4;font-weight:500}

.callout{
  margin:26px 0;
  padding:19px 21px;
  border-left:2px solid #6677d9;
  border-radius:4px;
  background:rgba(12,19,39,.70);
  color:#b8c2d4;
}

.callout.warning{border-color:#d9ad6c;background:rgba(40,31,18,.56)}
.callout.danger{border-color:#db7d8e;background:rgba(42,20,29,.54)}
.callout.good{border-color:#64c7a6;background:rgba(15,39,31,.52)}

table{
  margin:26px 0;
  border:1px solid var(--line);
  background:rgba(7,10,22,.74);
  font-size:13px;
}

th,td{
  padding:14px;
  border-bottom:1px solid var(--line);
}

th{
  background:rgba(18,23,43,.72);
  color:#e4e9f2;
  font-weight:600;
}

td{color:#aeb8ca}

details{
  margin:10px 0;
  padding:15px 17px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(8,11,24,.72);
}

summary{
  color:#edf0f6;
  font-weight:600;
}

.metric{
  grid-template-columns:150px 1fr;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}

.metric b{color:#e2e7f1;font-weight:600}

.kbd,.article code{
  border:1px solid var(--line);
  border-radius:4px;
  background:#11172a;
  color:#c6e9ed;
}

.article-nav{
  margin-top:70px;
  padding-top:26px;
  border-top:1px solid var(--line);
}

.article-nav button{
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(9,13,27,.76);
  color:#e8ebf2;
  font-family:"Manrope","Segoe UI",sans-serif;
  font-size:12px;
  font-weight:600;
}

.article-nav button:hover{border-color:var(--line-strong)}

@media(max-width:900px){
  .topbar{height:68px;padding:0 10px}
  .layout{grid-template-columns:1fr}
  aside{top:68px;height:calc(100vh - 68px);background:#050712}
  main{padding:48px 20px 80px}
  .article h1{font-size:clamp(40px,12vw,56px);line-height:1}
  .article h2{font-size:36px}
  .hero-card{padding:28px 22px}
  .metric{grid-template-columns:1fr;gap:4px}
  .toplinks .builder{font-size:10px;padding:8px 10px}
  .lang-btn{min-width:auto}
}

/* Final theme layer — intentionally last so the documentation opens light. */
html,html[data-theme="light"]{background:#f5f7fb!important}
html[data-theme="dark"]{background:#070a12!important}
html body{background:var(--doc-bg)!important;color:var(--doc-text)!important}
html body::before{opacity:.08!important}
html .topbar{background:color-mix(in srgb,var(--doc-panel) 94%,transparent)!important;border-color:var(--doc-line)!important}
html aside{background:var(--doc-panel)!important;border-color:var(--doc-line)!important}
html main{background:var(--doc-bg)!important}
html .hero-card,html .card,html .step,html details,html table{background:var(--doc-panel)!important;border-color:var(--doc-line)!important}
html .article h1,html .article h2,html .article h3,html .article strong,html summary,html .brand,html .brand small{color:var(--doc-text)!important}
html .article p,html .article li,html td,html footer{color:var(--doc-muted)!important}
html th{background:var(--doc-panel-2)!important;color:var(--doc-text)!important}
html .search,html .article-nav button,html .toplinks a,html .lang-btn,html .menu-btn,html .theme-btn{background:var(--doc-panel-2)!important;color:var(--doc-text)!important;border-color:var(--doc-line)!important}