:root { --bg:#0b0b0b; --tekst:#e8e2d0; --gull:#c9a54c; --dempet:#9a917c; --kant:rgba(201,165,76,.35); }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--tekst); font:16px/1.6 Jost, system-ui, sans-serif; }
header, main, footer { max-width:52rem; margin:0 auto; padding:1.25rem 16px; }
.logo { color:var(--gull); text-decoration:none; font:500 1.4rem/1 "Cormorant Garamond", serif; letter-spacing:.3em; }
.logo span { letter-spacing:0; color:var(--tekst); }
header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem 1.2rem; }
.spraak { display:flex; flex-wrap:wrap; gap:.2rem .8rem; font-size:.85rem; }
.spraak a { color:var(--dempet); text-decoration:none; }
.spraak a:hover, .spraak a[aria-current] { color:var(--gull); }
h1, h2 { font-family:"Cormorant Garamond", serif; font-weight:500; color:var(--gull); }
a { color:var(--gull); }
.fordeler li { margin:.4rem 0; }
.bilder { margin:1.5rem 0; display:grid; gap:1rem; }
.bilder img { width:100%; height:auto; border:1px solid var(--kant); border-radius:8px; }
.bilder figcaption, .liten { color:var(--dempet); font-size:.85rem; }
.melding { border-left:3px solid var(--gull); padding:.5rem 1rem; background:rgba(201,165,76,.08); }
.feil { color:#e07a5f; }
.skjema { display:grid; gap:.9rem; max-width:28rem; }
.skjema label { display:grid; gap:.25rem; }
input, select, textarea { font:inherit; color:var(--tekst); background:#151515; border:1px solid var(--kant); border-radius:6px; padding:.5rem .6rem; }
button { font:inherit; background:var(--gull); color:#0b0b0b; border:0; border-radius:6px; padding:.6rem 1.2rem; cursor:pointer; }
button.lenke { background:none; color:var(--gull); padding:0; text-decoration:underline; }
footer { color:var(--dempet); font-size:.85rem; border-top:1px solid var(--kant); }