/* App-level overrides on top of tokens.css. Colors must come from CSS variables defined in tokens.css — no hex values here. */ body { margin: 0; /* Font family is set by tokens.css via --ms-font-ui. */ background: var(--ms-bg); color: var(--ms-text); } /* Side-nav links — colors via tokens. */ .nav-link { color: var(--ms-text-dim); padding: .5rem .75rem; border-radius: 6px; } .nav-link:hover { background: var(--ms-panel); color: var(--ms-text); } .nav-link.active { background: var(--ms-panel-header); color: var(--ms-text); } /* Bootstrap dark-table overrides for the existing list pages. */ .table-dark { --bs-table-bg: var(--ms-panel); --bs-table-striped-bg: var(--ms-panel-header); --bs-table-color: var(--ms-text); } /* ────────────────────────────────────────────────────────────────────────── Dark-mode consistency pass (UI polish). tokens.css already declares `color-scheme` per theme (dark on dark / hicontrast / auto-dark, light on the light theme), so native widgets (the /