/* FPEP Version 4 Beta identity, from ui_brand_palette.py. Loaded after component styles. */
:root{--green:#123256;--ink:#123256;--line:#cbd5e1;--gold:#dfc48b;color:#0b1f33;background:#f4f7fa}
body{color:#0b1f33;background:#f4f7fa}
.preview-note{background:#123256;color:#eef3f8}.preview-note span{color:#dfc48b}
.header{background:#f4f7fa}.header .logo,footer img{filter:none!important}
.hero-visual{background:#123256;color:#fff}.hero-visual .focus{background:#365b80;border-color:#b8892d}
.visual-top,.hero-visual small,.format-row{color:#c7d2df}.hero-visual .number{color:#dfc48b;border-color:#abb6c6}
.hero-visual .connection{background:transparent;border-left:1px solid #b8892d;width:1px}
.hero h1 em{color:#123256}.hero .lead,.hero-foot{color:#596b7f}
.button{background:#123256;border-color:#123256;color:#fff}.button.outline{background:transparent;color:#123256}
.button:hover{background:#0b2745;border-color:#0b2745;color:#fff}
.eyebrow{color:#7a5710}.offering-card{background:#fff;border-color:#cbd5e1}
.worked-steps li{background:#eef3f8;border-top-color:#b8892d}
.principle-strip,.availability-strip,.handover-example,.after-enquiry,.offering-callout{background:#eef3f8}
.offering-callout{border-left-color:#b8892d}.search-controls{background:#123256;color:#fff}.search-controls .eyebrow{color:#dfc48b}
.synonym-control input{accent-color:#123256}mark.exact{background:#f4e2a0;color:#302508;border-color:#a17b12}
mark.synonym{background:#dce8f7;color:#123256;border-color:#123256}
a:focus-visible,button:focus-visible{outline-color:#b8892d}

/* Version 4 authoritative tokens. Gold is an accent, with dark text for contrast. */
:root{--brand-navy:#123256;--brand-deep:#0b2745;--steel-blue:#365b80;--accent-gold:#b8892d;--silver:#abb6c6;--paper:#f4f7fa;--ice-blue:#eef3f8;--ink:#0b1f33;--line:#cbd5e1}
.preview-note,.hero-visual,.video-top{background:var(--brand-deep)}
.header .button,.demo-actions>.button:first-child{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--ink)}
.header .button:hover,.demo-actions>.button:first-child:hover{background:#dfc48b;border-color:#dfc48b;color:var(--ink)}
.service,.sample-card,.offering-card{border-color:var(--line)}
.logo,footer img{object-fit:contain;height:auto}
