/* Design tokens, page background and element defaults.
 * Loaded first: every other file assumes these custom properties exist. */
:root{font:16px Inter,Arial,sans-serif;color:#152139;background:#f3f6fa;--ink:#14213a;--muted:#63728a;--line:#dbe3ee;--lime:#d6f774;--blue:#3d60df}
*{box-sizing:border-box}
body{margin:0}
button,input,textarea,select{font:inherit}
a{color:var(--blue)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,3.6vw,3.5rem);letter-spacing:-.055em;line-height:1.08;margin-bottom:14px}
h2{font-size:1.6rem;letter-spacing:-.03em}
h3{font-size:1.05rem;line-height:1.5}
p{line-height:1.7}
small,.meta{font-size:.8rem;color:var(--muted);line-height:1.6}
input,select,textarea{width:100%;border:1px solid #cbd6e5;background:white;color:var(--ink);padding:12px 13px;border-radius:8px}