:root{
  --mb-bg:#04100b;
  --mb-bg-deep:#020906;
  --mb-surface:#081510;
  --mb-surface-2:#0b1b14;
  --mb-border:#1b3227;
  --mb-text:#f4f8f5;
  --mb-muted:#86a398;
  --mb-green:#16d67e;
  --mb-green-hover:#35e291;
  --mb-lime:#a8ff18;
}

html{background:var(--mb-bg-deep)}
body{--night:var(--mb-bg);--green:var(--mb-green);--lime:var(--mb-lime);--emerald:#14b96e}

/* Public pages share the same restrained fintech palette as account access. */
.public-body{background:var(--mb-bg);color:var(--mb-text)}
.public-body .ambient-a{background:#35e2911c}
.public-body .ambient-b{background:#16d67e12}
.public-body .top{background:rgba(3,12,8,.92);border-color:var(--mb-border)}
.public-body .brand small{color:#75988a}
.public-body .top nav>a:not(.nav-login){color:#91a59c}
.public-body .nav-login,
.public-body .hero .primary,
.public-body .primary.light{background:var(--mb-green);border-color:var(--mb-green);color:#02150c;box-shadow:0 14px 36px #16d67e1f}
.public-body .nav-login:hover,
.public-body .hero .primary:hover,
.public-body .primary.light:hover{background:var(--mb-green-hover);border-color:var(--mb-green-hover)}
.public-body .nav-login i{color:#02150c}
.public-body .hero{background:radial-gradient(circle at 20% 30%,#4aee8f19,transparent 34%),radial-gradient(circle at 82% 42%,#16d67e12,transparent 30%),linear-gradient(135deg,var(--mb-bg-deep),var(--mb-bg) 58%,#06170f);border-color:var(--mb-border)}
.public-body .hero:before{background-image:linear-gradient(#28443713 1px,transparent 1px),linear-gradient(90deg,#28443713 1px,transparent 1px)}
.public-body .hero h1{color:var(--mb-text)}
.public-body .hero h1 em{color:var(--mb-green)}
.public-body .hero-copy>p,.public-body .section-title p{color:var(--mb-muted)}
.public-body .secondary{background:#091711;border-color:#294337;color:#dceae3}
.public-body .secondary:hover{background:#0c2017;border-color:#3b6d55}
.public-body .hero-proof,.public-body .hero-proof div{border-color:#244035}
.public-body .hero-proof span{color:#779488}

.public-body .ticker{min-height:58px;background:#06130e;color:#8bb2a1;border-top:1px solid var(--mb-border);border-bottom:1px solid var(--mb-border)}
.public-body .ticker span{white-space:nowrap}
.public-body .ticker i{background:var(--mb-lime);box-shadow:0 0 0 4px #a8ff1810}

.public-body .models{background:#050d09;border-color:var(--mb-border)}
.public-body .model-grid article{background:var(--mb-surface);border-color:var(--mb-border)}
.public-body .model-grid article:hover{background:#0b1a13;border-color:#35634d}
.public-body .model-grid article>small,.public-body .model-grid p{color:#789287}
.public-body .model-icon{background:#102219;color:var(--mb-lime)}
.public-body .model-line{background:var(--mb-border)}
.public-body .status{background:#101c16;color:#799087}
.public-body .status.live{background:#142718;color:var(--mb-lime)}

.public-body .control{background:linear-gradient(135deg,#06120d,#071710);border-color:var(--mb-border)}
.public-body .control-intro>span{color:var(--mb-green)}
.public-body .control-intro>a{color:var(--mb-lime)}
.public-body .control-stack article{border-color:#233b30}
.public-body .cta{background:radial-gradient(circle at 12% 50%,#16d67e14,transparent 28%),linear-gradient(110deg,#07150f,#091b13);border-top:1px solid var(--mb-border);border-bottom:1px solid var(--mb-border)}
.public-body .cta>div>span{color:var(--mb-green)}
.public-body footer{background:var(--mb-bg-deep);border-color:var(--mb-border);color:#6f897e}

/* Login is the visual source of truth: retain the white access card. */
.public-body .auth{background:radial-gradient(circle at 20% 30%,#4aee8f19,transparent 33%),radial-gradient(circle at 76% 32%,#16d67e0b,transparent 28%),var(--mb-bg);border-color:var(--mb-border)}
.public-body .auth-copy>p{color:#91ad9f}
.public-body .security-note{border-color:var(--mb-green)}
.public-body .security-note b{color:var(--mb-lime)}
.public-body .login-card{background:#f8faf9}
.public-body .login-card .primary{background:var(--mb-green);border-color:var(--mb-green);color:#02150c}

/* Authenticated workspaces use the same green, never a competing blue/yellow system. */
.workspace-body{--ws-bg:var(--mb-bg-deep);--ws-panel:var(--mb-surface);--ws-panel-2:var(--mb-surface-2);--ws-line:var(--mb-border);--ws-text:var(--mb-text);--ws-muted:var(--mb-muted);--ws-accent:var(--mb-green);background:var(--mb-bg-deep)}
.workspace-top{background:#030b07;border-color:var(--mb-border)}
.workspace-side{background:#040d09;border-color:var(--mb-border)}
.account-dot{background:var(--mb-green);color:#02150c}
.side-group a:hover,.side-group a.active{background:#102219;color:#b8f8d2}
.side-group a.active i{color:var(--mb-lime)}
.workspace-body .primary{background:var(--mb-green);border-color:var(--mb-green);color:#02150c}
.workspace-body .primary:hover{background:var(--mb-green-hover);border-color:var(--mb-green-hover)}
.workspace-body input:focus,.workspace-body select:focus{border-color:var(--mb-green);box-shadow:0 0 0 2px #16d67e16}
.workspace-body .status.live{background:#142718;color:var(--mb-lime)}
.workspace-body .model-icon{background:#102219;color:var(--mb-lime)}
.workspace-body .switch input:checked+span{background:var(--mb-green)}
.workspace-body .secret{border-color:var(--mb-green)}
.workspace-body .flash{background:#12281b;color:#a8f6c9}

/* API terminal is part of the same brand system. */
.api-console{background:#06110c;border-color:var(--mb-border);box-shadow:0 40px 90px #00000052}
.console-bar{background:linear-gradient(90deg,#0a1b13,#06110c);border-color:var(--mb-border)}
.console-tabs,.console-foot{border-color:var(--mb-border)}
.console-tabs span.active{color:#b7f4d0;border-color:var(--mb-green)}
.console-health i,.console-foot i{background:var(--mb-green);box-shadow:0 0 0 5px #16d67e16}
.route-strip,.console-foot{background:var(--mb-surface-2)}
.route-strip{border-color:#244535}
.route-strip>div span{color:var(--mb-green)}

.language-picker{display:inline-flex;align-items:center;gap:6px;margin:0;color:#8ca198}
.language-picker>span{font-size:13px}
.language-picker select{width:auto;min-width:108px;height:34px;padding:0 26px 0 8px;border:1px solid #294136;border-radius:5px;background:#081510;color:#dce8e2;font-size:11px;cursor:pointer}
.language-picker select:focus{border-color:var(--mb-green);box-shadow:0 0 0 2px #16d67e16}
.workspace-top .language-picker select{height:30px;min-width:98px;background:#07110c;border-color:#24362e;color:#aebdb6}

@media(max-width:720px){
  .public-body .ticker{background:#06130e;color:#8bb2a1}
  .public-body .ticker i{background:var(--mb-lime)}
  .public-body .top .language-picker select{min-width:82px;max-width:100px}
}