/* base.css — Базовые стили: html, body, типографика, тёмные секции */

html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--chalk);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2.4rem,7vw,5rem)}
h2{font-size:clamp(1.8rem,4.4vw,3rem);margin-bottom:16px}
h3{font-size:1.2rem;letter-spacing:-.01em}
.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:62ch}
.dark{background:var(--ink);color:var(--chalk)}
.dark .lead,.dark p{color:#b8c4d4}