/* Delt design-system for perselopet.com – lastes av alle sider. Sidespesifikk CSS ligger fortsatt inline på hver side. */
/* v11: signaturpalett hentet fra tidtaker/stoppeklokke-estetikk (split-oransje) i stedet for generisk SaaS-blå, + Bebas Neue som display-font for overskrifter. */
:root{--blue:#e8590c;--blue2:#b8430a;--soft:#fdece0;--navy:#071d2a;--ink:#10212a;--muted:#63747e;--line:#e7d9cf;--white:#fff;--green:#159b68;--orange:#e8590c;--shadow:0 18px 55px rgba(30,15,5,.16);--font-display:"Bebas Neue",Impact,"Arial Narrow",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}
h1,h2,h3,.eyebrow{font-family:var(--font-display);letter-spacing:.01em}h1,h2{letter-spacing:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;border:2px solid var(--navy);font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-blue{background:var(--blue);border-color:var(--blue2);color:#fff}.btn-white{background:#fff;color:var(--ink)}.btn-soft{background:var(--soft);border-color:#f3c8a8;color:var(--blue2)}.btn-dark{background:var(--navy);color:#fff}.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
/* Statusfarger for varsel-kort (vær/pollen/luft) – grønn=greit, gul=moderat, rød=høyt */
.status-good{border-left:4px solid var(--green)}.status-warn{border-left:4px solid #d9a400}.status-bad{border-left:4px solid #c1391f}