/* Palette inspired by the supplied ETOILIX reference: royal blue, midnight, gold. */
:root{--brand-royal:#07358b;--brand-night:#041943;--brand-gold:#e9bf59;--navy:#041943;--cyan:#07358b;--cyan-light:#90baff;--gold:#e9bf59;--paper:#f7f9fd;--ink:#152641;--muted:#52627b;--line:#dce4f0}
.notice{background:var(--brand-night);color:#edf3ff}
.freight-hero{background:linear-gradient(125deg,#041943 0%,#07358b 68%,#0b4da8 100%)}
.freight-hero h1 em,.budget-banner h2 em{color:#e9bf59}.freight-hero .eyebrow,.freight-hero-copy>p:not(.eyebrow){color:#e2ebff}
.footer,.tracking-band,.budget-banner,.ds-login-story{background:linear-gradient(130deg,#041943,#07358b);color:#fff}
.footer p,.footer a,.footer-bottom,.ds-login-story>p:not(.eyebrow),.ds-login-story .eyebrow,.ds-login-story>a:last-child{color:#e2ebff}
.footer h2,.footer-brand span,.ds-wordmark span,.ds-login-story h1 em{color:#e9bf59}
/* Match the existing footer selectors so muted body colors cannot override these. */
.footer .footer-grid>div>a:not(.footer-brand){color:#e2ebff}
.footer .footer-grid>div>a:not(.footer-brand):hover,.footer .footer-grid>div>a:not(.footer-brand):focus-visible{color:#f3d58a;text-decoration:underline;text-underline-offset:4px}
.footer .footer-grid p{color:#e2ebff}
.footer .footer-brand{color:#fff}.footer .footer-brand span{color:#e9bf59}
.footer .footer-bottom{color:#e2ebff;border-top-color:#ffffff30}
.footer .footer-bottom a{color:#e2ebff}.footer .footer-bottom a:hover,.footer .footer-bottom a:focus-visible{color:#f3d58a;text-decoration:underline}
.footer a:focus-visible{outline-color:#f3d58a}
.cta{background:linear-gradient(110deg,#041943 0%,#07358b 100%);color:#fff;border:1px solid #244f98}
.cta h2{color:#fff}.cta .eyebrow{color:#f3d58a}
.cta .button.gold{background:#e9bf59;color:#041943;border-color:#e9bf59}
.cta .button.gold:hover{background:#f3d58a;color:#041943}
.button{background:#07358b;color:#fff}.button:hover{background:#041943;color:#fff}
.button.gold{background:#e9bf59;color:#041943}.button.gold:hover{background:#f3d58a;color:#041943}
.button.secondary{background:#edf3fd;color:#07358b;border-color:#c7d7ef}.button.secondary:hover{background:#dfeafb;color:#041943}
.button.outline{background:transparent;color:inherit;border-color:currentColor}
.ds-sidebar{background:linear-gradient(180deg,#07358b,#041943);color:#fff}
.ds-sidebar nav button,.ds-sidebar nav button .cargo-icon,.ds-sidebar-label,.ds-sidebar-bottom span{color:#e9f1ff}
.ds-sidebar nav button:hover{background:#ffffff18;color:#fff}
.ds-sidebar nav button[aria-current]{background:#fff;color:#07358b;box-shadow:inset 3px 0 #e9bf59}
.ds-sidebar nav button[aria-current] .cargo-icon{color:#07358b}.ds-sidebar-bottom a{color:#f3d58a}
.dashboard-body{background:#f4f7fc}.ds-kpi strong{color:#07358b}
.ds-login-story{border-bottom:3px solid #e9bf59}
.solution-air,.service-visual.air{background:#e9f0fc;color:#07358b}
.solution-sea,.service-visual.sea{background:#07358b;color:#fff}
.solution-sea>.cargo-icon,.service-visual.sea b{color:#e9bf59}
.solution-special{background:#fbf4e3;color:#74571e}
.lane-section,.quote-lane,.quote-info{background:#edf2fb}.lane-board{box-shadow:15px 15px 0 #e3eaf6}
.freight-visual .orbit-link{background:#041943e6}.visual-caption>span:first-child,.visual-index{color:#e0eaff}
.aside-icon,.client-current{background:#e9f0fc;color:#07358b}
.client-kpis strong,.client-parcel[aria-pressed=true],.service-visual.air b{color:#07358b}
.client-parcel:hover,.client-parcel[aria-pressed=true]{background:#f0f4fc;border-color:#07358b}
.client-notice{background:#fff8e8;border-left-color:#e9bf59;color:#624b21}
.client-empty{background:#f0f4fc;border-color:#bdcee8}
.status-pill{background:#e7eefb;color:#07358b}
.tracking-milestones li.current{color:#07358b}.tracking-milestones li.current>span{background:#07358b;border-color:#07358b;box-shadow:0 0 0 3px #07358b18}
