:root,[data-palette="original"]{--red:#a72732;--deep:#8f1d27;--gold:#ffcc45;--cream:#fff8ec;--ink:#35231c;--offer-bg:#ffebd5;--card:#fffaf2}
[data-palette="skog"]{--red:#246343;--deep:#174e35;--gold:#f5c454;--cream:#f7f8ed;--ink:#25362b;--offer-bg:#e8efdc;--card:#fffef6}
[data-palette="hav"]{--red:#225a72;--deep:#153f54;--gold:#ffc36b;--cream:#f4f9f8;--ink:#22343c;--offer-bg:#e0f0ee;--card:#fbfffd}
[data-palette="plommon"]{--red:#713f66;--deep:#57304f;--gold:#ffd08a;--cream:#fcf6f6;--ink:#382b35;--offer-bg:#f2e4ed;--card:#fffafb}
html,body,body.home,body.front-page{background-color:var(--cream)!important;color:var(--ink)}
.site-header,.nav,.nav.open{background:var(--cream)}
.brand strong,.brand-icon,.section-title a{color:var(--red)}
.brand strong span{color:var(--ink)}
.nav a.active,.nav a:hover,.nav a:focus-visible{background:var(--red);color:#fff}
.hero{background:var(--deep)}
.hero-copy{background:linear-gradient(120deg,var(--red),var(--deep))}
.hero h1 em{color:var(--gold)}
.cta,.map-button{background:var(--gold);color:#17110e}
.cta:hover,.map-button:hover{filter:brightness(1.06);background:var(--gold)}
.category-card span,.price,.contact{background:var(--red);color:#fff}
.offers-section{background:var(--offer-bg)}
.offers-intro h2{background:var(--gold);color:var(--deep)}
.offer-card{background:var(--card)}
.page-hero{background:linear-gradient(115deg,var(--red),var(--deep))}
.demo-note{color:var(--deep)}
.site-footer{background:var(--deep);color:#fff}
.topbar{background:var(--deep);color:#fff}
.topbar-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-label{font-size:13px;font-weight:700;letter-spacing:.3px}
.header-actions{display:flex;align-items:center;gap:12px}
.palette-picker{position:relative;flex:none}
.palette-toggle{border:1px solid #ffffffb8;border-radius:9px;background:transparent;color:#fff;font-size:13px;font-weight:800;padding:6px 12px;cursor:pointer;white-space:nowrap}
.palette-toggle:hover,.palette-toggle[aria-expanded="true"]{background:var(--gold);border-color:var(--gold);color:#17110e}
.palette-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:20;width:285px;border:1px solid #0002;border-radius:16px;padding:18px;background:var(--card);box-shadow:0 14px 40px #20191330;color:var(--ink)}
.palette-panel[hidden]{display:none}
.palette-panel strong{display:block;font-size:17px}
.palette-panel p{margin:4px 0 14px;font-size:12px;line-height:1.35}
.palette-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.palette-options button{display:flex;align-items:center;gap:8px;border:1px solid #0002;border-radius:9px;background:var(--cream);padding:9px;color:var(--ink);font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.palette-options button:hover,.palette-options button[aria-pressed="true"]{border:2px solid var(--red);padding:8px}
.swatch{display:inline-block;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid #0002}
.swatch.original{background:linear-gradient(90deg,#a72732 50%,#ffcc45 50%)}
.swatch.premium{background:linear-gradient(90deg,#171716 50%,#b99a5c 50%)}
.swatch.skog{background:linear-gradient(90deg,#246343 50%,#f5c454 50%)}
.swatch.hav{background:linear-gradient(90deg,#225a72 50%,#ffc36b 50%)}
.swatch.plommon{background:linear-gradient(90deg,#713f66 50%,#ffd08a 50%)}
@media(max-width:760px){.header-actions{gap:8px}.topbar-inner{min-height:42px}.topbar-label{font-size:12px}.palette-toggle{font-size:12px;padding:6px 10px}.palette-panel{right:0;max-width:calc(100vw - 32px)}.nav{background:var(--cream);top:100%}}
@media(max-width:390px){.topbar-label{font-size:11px}.palette-toggle{font-size:12px;padding:6px 8px}.palette-panel{right:0}}