:root{
  --brand-canvas:#070a09;
  --brand-surface:#111614;
  --brand-surface-raised:#19211e;
  --brand-line:rgba(196,224,215,.14);
  --brand-text:#f2f6f4;
  --brand-muted:#aab5b1;
  --brand-mint:#7df7d4;
  --brand-blue:#58a6ff;
}
html{color-scheme:dark;background:var(--brand-canvas)}
body{color:var(--brand-text);background-color:var(--brand-canvas)}
::selection{color:#04120d;background:var(--brand-mint)}
:focus-visible{outline-color:var(--brand-blue)}
body.brand-sales{--bg:var(--brand-canvas);--card:var(--brand-surface);--line:var(--brand-line);--text:var(--brand-text);--muted:var(--brand-muted);--mint:var(--brand-mint);--blue:var(--brand-blue);background:linear-gradient(180deg,#0b100e 0,var(--brand-canvas) 38%)}
body.brand-sales .nav{background:rgba(7,10,9,.9);border-color:var(--brand-line)}
body.brand-sales .card{background:rgba(17,22,20,.94);border-color:var(--brand-line)}
body.brand-sales .plans{background:#0c100f}
.nav{background-color:rgba(7,10,9,.9)}
.plans{background-color:#0c100f}
body.brand-admin{background:var(--brand-canvas)}
body.brand-admin section{background:var(--brand-surface);border-color:var(--brand-line)}
body.brand-admin .stat{background:var(--brand-surface-raised)}
*{scrollbar-color:rgba(125,247,212,.4) var(--brand-canvas)}

body:has(#checkout){--bg:var(--brand-canvas)!important;--card:var(--brand-surface)!important;--line:var(--brand-line)!important;--text:var(--brand-text)!important;--muted:var(--brand-muted)!important;--mint:var(--brand-mint)!important;--blue:var(--brand-blue)!important;color:var(--brand-text)!important;background:linear-gradient(180deg,#0b100e 0,var(--brand-canvas) 38%)!important}
body:has(#checkout) .nav{background:rgba(7,10,9,.9)!important;border-color:var(--brand-line)!important}
body:has(#checkout) .card{background:rgba(17,22,20,.94)!important;border-color:var(--brand-line)!important}
body:has(#checkout) .plans{background:#0c100f!important}
body:has(#login){background:var(--brand-canvas)!important;color:var(--brand-text)!important}
body:has(#login) section{background:var(--brand-surface)!important;border-color:var(--brand-line)!important}
body:has(#login) .stat{background:var(--brand-surface-raised)!important}