/* ScoutTract light branding (accents only). Tokens come from the brand kit (brand.css).
   Scope: top bar, primary buttons, links and active tabs. The map UI, layer panels and
   layouts are intentionally untouched (everything inside .map-layout keeps its styling). */
:root{--st-navy:#1F2A44;--st-navy-900:#141C2F;--st-copper:#B87333;--st-copper-hover:#9A5E27;--st-copper-light:#D08A4A;--st-sandstone:#D8B98A;--st-neutral:#F6F3EE}
.topbar{background:var(--st-navy);border-bottom:2px solid var(--st-copper)}
.logo-small.has-logo,.logo-mark.has-logo{background:none}
.logo-mark.has-logo{width:84px;height:84px}
.primary:not(.map-layout *):not(.layer-picker *):not(.maplibregl-map *){background:var(--st-copper);color:#fff}
.primary:not(.map-layout *):not(.layer-picker *):not(.maplibregl-map *):hover:not(:disabled){background:var(--st-copper-hover)}
a:not(.map-layout *):not(.layer-picker *):not(.maplibregl-map *){color:var(--st-copper-light)}
a:not(.map-layout *):not(.layer-picker *):not(.maplibregl-map *):hover{color:var(--st-sandstone)}
.rail-tab.active{background:rgba(184,115,51,.18);color:var(--st-copper-light);box-shadow:inset 3px 0 0 var(--st-copper)}
.login-card{border-top:3px solid var(--st-copper)}
.login-card .eyebrow{color:var(--st-sandstone)}