/*
 * base.css — shared tokens, reset and typography only. Every page stylesheet ({page}.css) is a self-contained
 * copy of its HTML <style>, so header, footer, buttons and mobile menu live there. Loaded BEFORE the page CSS.
 */

:root{
  --azure:#2E8BD6; --azure-d:#1f6fb0; --ink:#20252B; --slate:#5B6672; --slate-l:#8A97A3;
  --soft:#EEF3F8; --soft2:#F6F9FC; --line:#E5ECF2; --white:#fff;
  --sky-a:#b9d0e2; --sky-b:#6f8ba1;
  --glass:rgba(255,255,255,.16); --glassborder:rgba(255,255,255,.30);
  --fd:"Poppins",system-ui,sans-serif; --fb:"Inter",system-ui,sans-serif;
  --shadow:0 30px 70px rgba(28,58,90,.16); --shadow-sm:0 16px 40px rgba(28,58,90,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fb);color:var(--slate);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
h1,h2,h3,h4{font-family:var(--fd);color:var(--ink);font-weight:300;letter-spacing:-.01em;line-height:1.1}
a{text-decoration:none;color:inherit}