:root{
  --brand:#0E6B84; --brand-dark:#0A5568; --ink:#1B1F24; --cream:#FFF3E7; --white:#FFFFFF;
  --grey-text:#5B6470; --grey-soft:#EEF1F4; --line:#E5E7EB;
  --ink-head:#17202A; --sub:#5B6572; --nav-text:#1F2937; --grey-mid:#6B7280; --grey-body:#4B5563; --grey-dark:#374151;
  --hero-bg:#FBEBE3; --footer-bg:#FBF7F1;
  --radius-card:24px; --radius-input:14px; --radius-pill:9999px;
  --font-display:'Manrope',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --max:1120px; --gutter:clamp(16px,4vw,48px);
  --shadow-card:0 20px 40px rgba(0,0,0,.06),0 3px 10px rgba(0,0,0,.06);
  --shadow-btn:0 10px 24px rgba(14,107,132,.28);
  --hdr-h:114px; /* banner 38 + nav 76 */
}
@media (max-width:900px){:root{--hdr-h:96px}} /* banner 36 + nav 60 */