/* EasyStore look, deep navy trust variant (2026-10-25).
   Linked last in every <head> so it wins by cascade over each page's inline styles.
   /assets is cached immutable: ship changes as a new -vN filename. */
:root{
  --accent:#0F3B78;
  --accent-dark:#0A2A57;
  --accent-soft:rgba(15,59,120,.08);
  --accent-on-dark:#8FB4E8;
  --blue:#1E5AA8;
  --ink:#111111;
  --text:#222222;
  --muted:#666666;
  --paper:#F8F8F8;
  --divider:#E0E0E0;
  --nav-dark:#0F3B78;          /* page-top bands (.ab-hero) go navy */
  --radius:12px;
  --radius-sm:10px;
  --shadow:0 1px 2px rgba(17,17,17,.05);
  --shadow-lift:0 14px 32px -18px rgba(17,17,17,.25);
  --serif:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}
body{font-family:var(--sans);color:var(--text)}
h1,h2,h3,h4{font-family:var(--serif)}
h1,h2,.hero-title,.ab-hero-title,.section-title,.blog-hero h1,.post-hero h1{font-weight:700;letter-spacing:-.015em}
.hero-title,.ab-hero-title{line-height:1.1}
/* Poppins italic is not loaded: highlighted words stay upright, colour carries them */
:is(h1,h2,h3,[class*="title"]) em{font-style:normal!important}
.hero-title em{color:var(--accent-on-dark)}

/* buttons: 10px corners, flat */
.btn{border-radius:10px}
.btn-primary,.btn-primary:hover{box-shadow:none}
.btn-primary:hover{transform:none}

/* nav: solid 68px navy bar, white text */
.nav,.nav.scrolled{
  background:var(--accent);min-height:68px;
  padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px;
}
.nav{box-shadow:none;border-bottom:1px solid rgba(255,255,255,.12)}
.nav.scrolled{box-shadow:0 2px 12px rgba(17,17,17,.18)}
.brand{font-family:var(--serif);font-weight:700}
.nav .btn-primary,.overlay .btn-primary{background:#fff;color:var(--accent)}
.nav .btn-primary:hover,.overlay .btn-primary:hover{background:#E8EEF7}
.overlay{background:var(--accent)}
.overlay a:hover{color:var(--accent-on-dark)}

/* footer: black, light-blue headings and hovers */
.footer{background:#111}
.footer a:hover{color:var(--accent-on-dark)}
.ft-soc a:hover{background:var(--accent);border-color:var(--accent)}
.ft-bottom{color:rgba(255,255,255,.6)}

/* navy is too dark to read on the black panels: use the light blue there */
.spec li svg{color:var(--accent-on-dark)}
.hero-tag .dot,.ab-hero-tag .dot,.post-cat .dot{background:var(--accent-on-dark);box-shadow:0 0 0 4px rgba(143,180,232,.25)}
.blog-hero span[style*="border-radius:50%"]{background:var(--accent-on-dark)!important;box-shadow:0 0 0 4px rgba(143,180,232,.25)!important}
.ab-hero-tag::before{background:var(--accent-on-dark)}
.ab-hero-img .frame{border-color:var(--accent-on-dark)}

/* on the dark and navy hero bands the main button turns white */
.hero .btn-primary,.ab-hero .btn-primary{background:#fff;color:var(--accent)}
.hero .btn-primary:hover,.ab-hero .btn-primary:hover{background:#E8EEF7}