/* Shared visual system: public site, login, operations workspace and charts. */
:root {
 color-scheme:dark; --elevated:#1b2c30; --on-accent:#0c1916;
 --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
 --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
 --nav-bg:#101b1e; --nav-selected:#223c3b; --nav-text:#b8cbc7; --nav-muted:#97afaa; --nav-accent:#62c7ae;
 --brand:#62c7ae; --brand-deep:#88dbc6; --brand-d:#86d8c2; --brand-soft:#203b36; --brand-line:#3a665b;
 --ink:#101b1e; --ink-2:#192b30; --ink-3:#24433d;
 --t1:#edf3f2; --t2:#a7bbb8; --t3:#97afaa; --muted:#a7bbb8; --subtle:#97afaa;
 --bg:#0c1315; --page:#0c1315; --card:#152226; --surface:#152226; --card-2:#19292d;
 --surface-hover:#203337; --line:#2b4045; --line-2:#24363b; --line-3:#203136;
 --red:#f08078; --red-deep:#f59b94; --red-soft:#3c2729;
 --orange:#dab573; --orange-deep:#e8c991; --orange-soft:#373125;
 --green:#7dcba1; --green-deep:#9bdcb7; --green-soft:#23382f; --blue:#7baac5; --blue-soft:#243440;
 --chart-blue:#7baac5; --chart-purple:#a59ac9; --chart-amber:#dab573;
 --radius-tag:4px; --radius-control:6px; --radius-panel:10px; --radius-feature:10px; --radius-dialog:12px;
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px;
 --font-caption:12px; --font-body:14px; --font-section:15px; --font-title:26px;
 --shadow-menu:0 2px 6px rgb(25 47 48 / 4%),0 12px 28px rgb(25 47 48 / 9%);
 --shadow-dialog:0 16px 48px rgb(25 47 48 / 16%); --shadow-drawer:-12px 0 40px rgb(25 47 48 / 12%);
 --motion-press:100ms; --motion-hover:140ms; --motion-menu:180ms; --motion-panel:200ms; --motion-drawer:240ms;
 --motion-ease:cubic-bezier(.22,1,.36,1);
 --focus-halo:0 0 0 3px rgb(40 106 96 / 12%);
}