/* marketlune.ai 3.7 – shared brand tokens for the existing dashboard.
   Theme selection is still handled by the original v3.2 profile/theme logic. */
:root {
  --ml-cyan:#35d8e6;
  --ml-purple:#8c72ff;
  --ml-glow:rgba(78,200,243,.09);
}
:root[data-theme="dark"] {
  --nw32-purple:#a48bff;
  --nw32-purple-bg:#30274f;
  --accent:#987eff;
  --accent-soft:#30294c;
}
:root[data-theme="light"] {
  --nw32-purple:#6043ba;
  --nw32-purple-bg:#eeeafa;
  --accent:#6043ba;
  --accent-soft:#eeeafa;
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme]) {--nw32-purple:#a48bff;--nw32-purple-bg:#30274f;--accent:#987eff;--accent-soft:#30294c;}
}
@media (prefers-color-scheme:light) {
  :root:not([data-theme]) {--nw32-purple:#6043ba;--nw32-purple-bg:#eeeafa;--accent:#6043ba;--accent-soft:#eeeafa;}
}
.ml-logo{display:inline-block;vertical-align:middle;width:min(192px,100%);height:auto;}
.ml-logo-light{display:none}
:root[data-theme="light"] .ml-logo-dark{display:none}
:root[data-theme="light"] .ml-logo-light{display:inline-block}
@media (prefers-color-scheme:light){
  :root:not([data-theme]) .ml-logo-dark{display:none}
  :root:not([data-theme]) .ml-logo-light{display:inline-block}
}
.brand.ml-header-brand{gap:8px;min-width:140px;}
.brand.ml-header-brand .ml-logo{width:178px;max-width:100%;}
.ml-login-mark{display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.ml-login-mark .ml-logo{width:min(360px,100%)}
.login-card .ml-login-mark + h1{font-size:clamp(1.1rem,2vw,1.6rem);letter-spacing:-.02em}
/* Restore clarity if the earlier design-only overlay wrote styles for its JS-injected markup. */
body.brand-marketlune .login-card h1{display:block;}
body.brand-marketlune #loginForm::before{display:none!important;content:none!important;}
body.brand-marketlune .brand .brand-text,
body.brand-marketlune .brand > span{display:inline;}
.nw32-brand{gap:12px;min-width:0}
.nw32-brand-icon{display:block;flex:0 0 43px;width:43px;height:43px;font-size:0!important;line-height:0!important;background:url('/marketlune-icon.svg') center/contain no-repeat;}
.nw32-brand-copy strong{font-size:19px;letter-spacing:-.035em;overflow-wrap:anywhere;}
.nw32-brand-copy .nw32-caption{font-size:10px;line-height:1.35;}
.nw32-sidebar{background:var(--nw32-panel);}
.nw32-sidebar-foot{border-color:color-mix(in srgb,var(--nw32-purple) 26%,var(--nw32-line));}
.nw32-panel{transition:border-color .15s ease,box-shadow .15s ease}
.nw32-panel:hover{border-color:color-mix(in srgb,var(--nw32-purple) 20%,var(--nw32-line))}
.nw32-nav-item.selected{box-shadow:inset 2px 0 0 var(--nw32-purple)}
.nw32-page-head h1{letter-spacing:-.04em}
.ml-powered{font-size:11px;color:var(--muted);}
@media(max-width:680px){.ml-header-brand .ml-logo{width:135px}.nw32-brand-icon{width:37px;height:37px;flex-basis:37px}.nw32-brand-copy strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.nw32-panel{transition:none}}
