/* css/base.css — Reset, body defaults, links and the shared .btn button. */

/* =============================================================
   2. BASE
   ============================================================= */
*,*::before,*::after{box-sizing:inherit;margin:0}
body{background:var(--bg);color:var(--ink);font:400 1.05rem/1.55 var(--font);overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.btn{display:inline-block;padding:.95rem 1.7rem;border-radius:99px;background:var(--ink);color:var(--bg);font-weight:500;transition:background .2s,transform .2s}
.btn:hover{background:var(--accent);transform:translateY(-2px)}

/* visually hidden, still read by search engines and screen readers */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}