:root{ --g-900:#0F3D33;
--g-700:#1E6F5C;
--g-500:#2E8B73;
--g-100:#E8F2EE;
--g-050:#F4F9F7;
--ink:#15211D;
--muted:#5B6B66;
--line:#E2EAE7;
--bg:#FFFFFF;
--r-sm:12px;
--r:18px;
--r-lg:28px;
--sh-1:0 1px 2px rgba(15,33,29,.04), 0 8px 24px rgba(15,33,29,.06);
--sh-2:0 2px 4px rgba(15,33,29,.05), 0 18px 48px rgba(15,33,29,.10);
--container:1200px;
--fs-h1:clamp(2.2rem, 5vw, 3.8rem);
--fs-h2:clamp(1.7rem, 3.2vw, 2.6rem);
--fs-body:clamp(1rem, 1.15vw, 1.125rem); --c-ink:var(--ink);
--c-graphite:var(--muted);
--c-bg:var(--bg);
--c-bg-soft:var(--g-050);
--c-accent:var(--g-700);
--c-accent-2:#C9A227;
--c-line:var(--line);
--radius:var(--r);
--shadow:var(--sh-1);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
margin:0;
font-family:'Inter','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:var(--fs-body);
line-height:1.6;
color:var(--c-ink);
background:var(--c-bg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--c-accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
main{ display:block; }
.skip-link{
position:absolute; left:-9999px; top:0;
background:var(--c-ink); color:#fff; padding:10px 16px; z-index:99999;
}
.skip-link:focus{ left:8px; top:8px; }
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior:auto; }
}