/* Upforce: the blue palette upforce.ca ships (apps/web/src/styles/tokens.css, decision 2026-08-22). */
:root {
    --upf-blue: #093CE5;
    --upf-blue-hover: #0730BC;
    --upf-wash: #EEF2FE;
    --upf-ink: #0F172A;
    --upf-mist: #F6F8FC;
    --upf-muted: #475069;
}
.upf-brand { display: inline-flex; flex-direction: column; align-items: flex-start; gap: .3rem; color: var(--upf-ink); text-align: start; }
.upf-brand-logo { display: block; block-size: 1.6rem; inline-size: auto; }
.upf-brand-logo-dark { display: none; }
.dark .upf-brand-logo-light { display: none; }
.dark .upf-brand-logo-dark { display: block; }
.upf-brand-office { font-size: .66rem; font-weight: 500; letter-spacing: .11em; line-height: 1; text-transform: uppercase; white-space: nowrap; color: var(--upf-muted); }
html:not(.dark) .fi-body { background: var(--upf-mist); color: var(--upf-ink); }
html:not(.dark) .fi-sidebar { background: #FFFFFF; }
html:not(.dark) .fi-topbar { background: #FFFFFF; }
html:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--upf-wash); }
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-label,
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--upf-blue-hover); }
.fi-header-heading, .fi-simple-header-heading { letter-spacing: -.025em; }
.fi-wi-stats-overview-stat-value, .fi-ta-cell { font-variant-numeric: tabular-nums; }
.fi-simple-main .upf-brand { align-items: center; margin-block-end: .6rem; }
.fi-simple-main .upf-brand-logo { block-size: 2.25rem; }
.dark .upf-brand { color: #FFFFFF; }
.dark .upf-brand-office { color: rgb(246 248 252 / .72); }