/* BNEXIA — palette extracted from official artwork. Status semantics unchanged. */
:root,html.dark {
 --app:#14172c; --panel:#1a1e37; --card:#202541; --elevated:#28304e;
 --line:#394365; --line2:#536080; --ink:#f5f7ff; --muted:#b8c5e0; --faint:#a4b4d2;
 --brand:#55b1d3; --brandhi:#8bd4ec; --brandsoft:rgba(85,177,211,.14);
 --ringcolor:rgba(85,177,211,.55);
}
html.light {--brand:#274187;--brandhi:#5828f5;--brandsoft:rgba(88,40,245,.09);--ringcolor:rgba(88,40,245,.35);--faint:#59647b;}
.bg-brand {background-color:#5828f5;color:#fff;}
.bg-brand:hover {background-color:#4720cf;}
.grain {background-image:none;}
::selection {background:rgba(85,177,211,.32);}
:focus-visible {outline:2px solid var(--brandhi);outline-offset:3px;}
img[alt="BNEXIA"] {object-fit:contain;background:#1a1e37;border-radius:6px;padding:3px;box-sizing:content-box;}