:root{
  --bg:#F9F7F2;
  --brown:#5F5144;
  --red:#C27854;
  --green:#CBE2D6;
  --gray:#E8E6DF;
  --text:#2B2A28;
  --radius:18px;
  --shadow:0 6px 20px rgba(0,0,0,.07);
  --navH:92px;
  --navH--shrink:64px;
  --max:1120px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
/* Lås body-scroll når drawer er åben */
body.drawer-open { overflow: hidden; }

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid color-mix(in oklch,var(--brown) 60%,white);outline-offset:2px;border-radius:10px}
.container{max-width:var(--max);margin:auto;padding:0 20px}