:root {
  --bg: #fbf7f1; --tekst: #1f2430; --dempa: #5b6170; --kort: #ffffff; --kant: #e8e1d6;
  --aksent: #2f6f5e; --p1: #e76f51; --p2: #f4a261; --p3: #2a9d8f; --p4: #6d5bd0;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #16181d; --tekst: #eceae6; --dempa: #a7abb5; --kort: #1f2229; --kant: #2c3039; --aksent: #6fc1a8; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--tekst); font: 17px/1.55 "DM Sans", system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 16px 24px; }
h1, h2 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; line-height: 1.15; margin: 0 0 12px; }
h1 { font-size: clamp(2rem, 6vw, 3.1rem); }
h2 { font-size: 1.6rem; }
.merke { font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--aksent); margin: 0 0 8px; font-size: .9rem; }
.ingress { font-size: 1.15rem; color: var(--dempa); margin: 0; }
section { margin-top: 44px; }
.lovnad ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.lovnad li { display: flex; align-items: center; gap: 12px; background: var(--kort); border: 1px solid var(--kant); border-radius: 16px; padding: 14px 16px; }
.prikk { width: 14px; height: 14px; border-radius: 50%; flex: none; }
.p1 { background: var(--p1); } .p2 { background: var(--p2); } .p3 { background: var(--p3); } .p4 { background: var(--p4); }
.app { display: block; text-decoration: none; color: inherit; background: var(--kort); border: 1px solid var(--kant); border-radius: 20px; padding: 22px; }
.app:hover, .app:focus-visible { border-color: var(--aksent); outline: none; }
.app-namn { display: block; font-family: "DM Serif Display", Georgia, serif; font-size: 1.5rem; margin-bottom: 6px; }
.app-tekst { display: block; color: var(--dempa); }
.app-lenkje { display: inline-block; margin-top: 12px; color: var(--aksent); font-weight: 700; }
.kjem p, .om p { margin: 0 0 10px; }
.om { color: var(--dempa); }
.kontakt a { color: var(--aksent); }
footer { max-width: 760px; margin: 0 auto; padding: 8px 16px 40px; color: var(--dempa); font-size: .9rem; }