/* Approved Bysur master palette; fonts are served locally by the asset build. */
@font-face { font-family: 'Work Sans'; src: url('/images/bysur/fonts/WorkSans-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url('/images/bysur/fonts/WorkSans-Italic-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: italic; font-display: swap; }
:root { --bysur-primary: #4355F9; --bysur-primary-strong: #2A3DCF; --bysur-ink: #0D0B23; --bysur-paper: #FFFDF9; --bysur-white: #FFFFFF; }
body.fi-body { font-family: 'Work Sans', system-ui, sans-serif; }
:root { --retail-ink: var(--bysur-ink); --retail-teal: var(--bysur-primary); --retail-paper: var(--bysur-paper); }
.retail-hero { background: var(--bysur-paper); border-color: var(--bysur-primary); }
.retail-hero p:last-child { color: var(--bysur-ink); }
body.bysur-public { background: var(--bysur-paper); color: var(--bysur-ink); font-family: 'Work Sans', system-ui, sans-serif; }
body.bysur-public main { background: var(--bysur-white); border-color: var(--bysur-primary); }
body.bysur-public h1 { color: var(--bysur-ink); }
body.bysur-public a, body.bysur-public button.allow { background: var(--bysur-primary); color: var(--bysur-white); border: 1px solid var(--bysur-primary-strong); border-radius: .5rem; font: inherit; min-height: 44px; }
body.bysur-public a:hover, body.bysur-public button.allow:hover { background: var(--bysur-primary-strong); }
body.bysur-public button { min-height: 44px; font: inherit; }
body.bysur-public :is(a,button):focus-visible { outline: 3px solid var(--bysur-primary-strong); outline-offset: 3px; }