/* Reset, basistypografi, fokusmarkering og knapper
   Udtrukket fra index.html (linje 35-61 i den oprindelige <style>-blok).
   Raekkefoelgen af <link>-tags i index.html skal bevares - kaskaden afhaenger af den. */

*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
h1,h2,h3,h4{font-family:var(--serif);font-weight:900;line-height:1.18;margin:0}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

/* ---------- buttons ---------- */
.btn{
  border:none;border-radius:999px;padding:.6rem 1.05rem;font-weight:700;font-size:.92rem;
  display:inline-flex;align-items:center;gap:.45rem;transition:transform .08s ease, filter .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--grad);color:#3a2a26}
.btn-primary:hover{filter:brightness(1.03)}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--slate)}
.btn-dark{background:var(--ink);color:#fff}
.btn-sm{padding:.4rem .8rem;font-size:.82rem}