/* ProAirs design system: brand overrides for purchases (2026-10-13). Remove this file and its <link> to undo the sidebar, wordmark and brass buttons. */

html body, html body button, html body input, html body select, html body textarea { font-family: var(--ds-font-ui); }
html body h1, html body h2 { font-family: var(--ds-font-display); font-stretch: 118%; font-weight: 700; letter-spacing: -.02em; }

/* Count inside the active filter chip */
html body .chip.on .dim { color: #A9C1D8; }

/* Brass is the one warm color: the main action of each screen */
html body .page-head .head-actions > .btn:not(.ghost),
html body .dash-ds .btn-scan { background: #C9A13F; border-color: #C9A13F; color: #121C38; }
html body .page-head .head-actions > .btn:not(.ghost):hover,
html body .dash-ds .btn-scan:hover { background: #121C38; border-color: #121C38; color: #FFFFFF; }

/* Sidebar: navy */
html body aside.sidebar { background: #1E2E56; border-right-color: #1E2E56; }
html body aside.sidebar .nav-cat-btn, html body aside.sidebar .nav-cat-btn span { color: #FFFFFF; }
html body aside.sidebar .nav-cat-btn svg, html body aside.sidebar .nav-cat-btn svg * { color: #A9C1D8; stroke: currentColor; }
html body aside.sidebar .nav-item { color: #A9C1D8; }
html body aside.sidebar .nav-item:hover { color: #FFFFFF; background: rgba(169, 193, 216, .12); }
html body aside.sidebar .nav-item.active { color: #FFFFFF; background: rgba(169, 193, 216, .18); border-left-color: #C9A13F; }
html body aside.sidebar .nav-badge { background: rgba(169, 193, 216, .22); color: #FFFFFF; }
html body aside.sidebar .nav-sep { background: rgba(169, 193, 216, .25); }
html body aside.sidebar .nav-note { color: #A9C1D8; }
html body aside.sidebar :focus-visible { outline: 2px solid #A9C1D8; outline-offset: 2px; }

/* Sidebar wordmark, live text (not an image) */
html body aside.sidebar .brand { display: block; margin: 22px 16px 14px 18px; padding: 0; text-align: center; }
html body aside.sidebar .brand .wm { display: block; font-family: var(--ds-font-ui); font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: -.02em; }
html body aside.sidebar .brand .wm-pro { color: #FFFFFF; }
html body aside.sidebar .brand .wm-airs { color: #5E7F9F; }
html body aside.sidebar .brand .wm-tag { display: block; margin-top: 6px; font-family: var(--ds-font-ui); font-weight: 600; font-size: 9.5px; letter-spacing: .11em; color: #FFFFFF; white-space: nowrap; }