@font-face{font-family:Gotham;src:url('/assets/fonts/gotham-book.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url('/assets/fonts/gotham-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url('/assets/fonts/gotham-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:GeometrySoft;src:url('/assets/fonts/geometry-soft-pro-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
:root{--brand-orange:#fa5e35;--brand-yellow:#ffc836;--brand-blue:#4cb1e2;--brand-mint:#82e9b0;--brand-charcoal:#272b2d;--brand-gray:#acb5ba;--brand-light:#e9e9e9;--bg:#f5f5f4;--surface:#fff;--ink:#272b2d;--muted:#657075;--line:#e0e2e2;--teal:#fa5e35;--teal-soft:#fff0e9;--navy:#272b2d;--orange:#fa5e35;--orange-soft:#fff5d8;--red:#bb4129;--red-soft:#fff0ec;--shadow:0 10px 28px rgba(39,43,45,.07)}
html,body,button,input,select,textarea{font-family:Gotham,Arial,sans-serif}
h1,h2,h3,.metric-value,.card h2{font-family:GeometrySoft,Gotham,Arial,sans-serif}
a{color:var(--brand-orange)}
.brand-mark{background:var(--brand-charcoal)}
.home-brand-logo{display:block;width:205px;max-width:48vw;height:auto}
.brand-logo{object-fit:contain}
.note{border-color:rgba(255,200,54,.62)!important;background:#fff8e1!important;color:#65501b!important}
.status.visible{background:rgba(130,233,176,.22)!important}
.status.hidden{background:#fff0ec!important;color:#a53a28!important}
a:not(.card){color:var(--brand-orange)!important}
.logout,#logout{color:var(--brand-charcoal)!important;background:#fff!important}
.button:hover,.logout:hover{border-color:var(--brand-orange)!important;color:var(--brand-orange)!important}
.button:focus-visible,.logout:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(76,177,226,.42);outline-offset:2px}
.pill{background:#fff0e9!important;color:#c84625!important}
.pill:before{background:var(--brand-orange)!important}
.metric.good .metric-value,.status.visible{color:#3f775b}
.metric.alert .metric-value{color:#b97c00}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
