/* Loaded only by design-preview.html; the published page keeps its own theme. */
html[data-preview-palette="copper"] {
  --p-bg: #191d20; --p-alt: #202529; --p-panel: #272d31; --p-text: #f1eee8;
  --p-muted: #b9b7b2; --p-accent: #d3a07b; --p-on-accent: #191d20; --p-media-accent: #d3a07b;
}
html[data-preview-palette="forest"] {
  --p-bg: #193c34; --p-alt: #15332c; --p-panel: #23483e; --p-text: #f2efe7;
  --p-muted: #c2cec2; --p-accent: #bcccae; --p-on-accent: #193c34; --p-media-accent: #bcccae;
}
html[data-preview-palette="stone"] {
  --p-bg: #f0ede6; --p-alt: #e6e1d8; --p-panel: #faf8f3; --p-text: #252a2c;
  --p-muted: #5d615e; --p-accent: #835139; --p-on-accent: #fff; --p-media-accent: #e2b291;
}
html[data-preview-palette="navy"] {
  --p-bg: #202b3a; --p-alt: #1b2532; --p-panel: #2b3849; --p-text: #eeefea;
  --p-muted: #bdc4cc; --p-accent: #c8b887; --p-on-accent: #202b3a; --p-media-accent: #c8b887;
}
html[data-preview-palette] {
  --p-line: color-mix(in srgb, var(--p-text) 18%, transparent);
  --p-soft-accent: color-mix(in srgb, var(--p-accent) 12%, var(--p-bg));
  --bg-primary: var(--p-bg); --bg-secondary: var(--p-alt); --bg-card: var(--p-panel); --bg-card-hover: var(--p-panel);
  --text-primary: var(--p-text); --text-secondary: var(--p-muted); --text-muted: var(--p-muted);
  --accent-blue: var(--p-accent); --accent-cyan: var(--p-accent); --accent-warm: var(--p-accent); --accent-green: var(--p-accent);
  --accent-gradient: linear-gradient(var(--p-accent), var(--p-accent));
  --border-color: var(--p-line); --glow-blue: transparent; --glow-cyan: transparent;
  --water-ink: var(--p-bg); --water-panel: var(--p-panel); --water-panel-soft: var(--p-alt);
  --water-blue: var(--p-accent); --water-green: var(--p-accent); --water-white: var(--p-text); --water-line: var(--p-line);
  --surface-glass: var(--p-panel); --surface-glass-strong: var(--p-panel); --surface-border: var(--p-line);
  --bg: var(--p-bg); --panel: var(--p-panel); --panel-soft: var(--p-alt); --line: var(--p-line); --line-strong: var(--p-accent);
  --text: var(--p-text); --muted: var(--p-muted); --soft: var(--p-muted); --blue: var(--p-accent); --green: var(--p-accent); --nav: var(--p-bg);
  color-scheme: dark;
}
html[data-preview-palette="stone"] { color-scheme: light; }
html[data-preview-palette] body { background: var(--p-bg); color: var(--p-text); }
html[data-preview-palette] .bg-floorplan,
html[data-preview-palette] .bg-pipes,
html[data-preview-palette] .water-bg { display: none; }
html[data-preview-palette] .hero__water-bg { position: absolute; top: 72px; background-color: #191d20; }
html[data-preview-palette] .hero__water-bg::before {
  background: linear-gradient(180deg, #10161966, #10161999), linear-gradient(90deg, #10161966, #10161911);
}
html[data-preview-palette] .nav,
html[data-preview-palette] .nav.scrolled,
html[data-preview-palette] .nav__links { background: var(--p-bg); border-color: var(--p-line); backdrop-filter: none; box-shadow: none; }
html[data-preview-palette] .nav__logo,
html[data-preview-palette] .nav__links a { color: var(--p-text); }
html[data-preview-palette] .nav__links a:hover { color: var(--p-accent); }
html[data-preview-palette] .nav__logo-icon { color: var(--p-accent); background: var(--p-soft-accent); border-color: var(--p-line); box-shadow: none; }
html[data-preview-palette] .lang-toggle { border-color: var(--p-line); background: transparent; }
html[data-preview-palette] .lang-toggle button { color: var(--p-muted); }
html[data-preview-palette] .lang-toggle button.active { color: var(--p-on-accent); background: var(--p-accent); }
html[data-preview-palette] .mobile-menu-btn span { background: var(--p-text); }
html[data-preview-palette] section:not(.hero),
html[data-preview-palette] section:not(.hero):nth-of-type(odd) { background: var(--p-bg); border-color: var(--p-line); }
html[data-preview-palette] #blogg,
html[data-preview-palette] #ansatte,
html[data-preview-palette] #kontakt { background: var(--p-alt); }
html[data-preview-palette] .footer { background: var(--p-alt); color: var(--p-muted); border-color: var(--p-line); backdrop-filter: none; }
html[data-preview-palette] .footer__text { color: var(--p-muted); }
html[data-preview-palette] .section__title,
html[data-preview-palette] .section__head h2 { color: var(--p-text); font-size: clamp(30px, 3.3vw, 44px); letter-spacing: -.025em; }
html[data-preview-palette] .section__desc,
html[data-preview-palette] .section__head p { color: var(--p-muted); }
html[data-preview-palette] :is(.section__title, .section__desc, .section__label, .section__head, .footer) { text-shadow: none !important; }
html[data-preview-palette] .section__label,
html[data-preview-palette] .employee-card__role,
html[data-preview-palette] .timeline__year { color: var(--p-accent); font-family: var(--font-sans); }
html[data-preview-palette] .section__label::before { background: var(--p-accent); }
html[data-preview-palette] #hero .hero__title { color: #f1eee8; }
html[data-preview-palette] #hero .hero__subtitle--tagline { color: var(--p-media-accent); }
html[data-preview-palette] #hero .hero__subtitle--support { color: #eeeee9; }
html[data-preview-palette] .page .hero h1 { color: var(--p-text); font-size: clamp(36px, 4.5vw, 64px); line-height: 1.08; text-shadow: none; }
html[data-preview-palette] .page .hero p { color: var(--p-muted); text-shadow: none; }
html[data-preview-palette] .hero__visual { box-shadow: 0 12px 32px #0002; border-color: var(--p-line); }
html[data-preview-palette] .hero__title-gradient { background: none; -webkit-text-fill-color: currentColor; }
html[data-preview-palette] .btn { box-shadow: none; }
html[data-preview-palette] .btn--primary { background: var(--p-accent); color: var(--p-on-accent); border-color: var(--p-accent); }
html[data-preview-palette] .btn--primary:hover { filter: brightness(1.08); }
html[data-preview-palette] .btn--secondary { background: transparent; color: var(--p-text); border-color: var(--p-line); backdrop-filter: none; }
html[data-preview-palette] #hero .btn--secondary { background: #191d204d; color: #f1eee8; border-color: #f1eee860; }
html[data-preview-palette] .hero__scroll { color: #f1eee8; }
html[data-preview-palette] .hero__scroll::before { background: var(--p-media-accent); }
html[data-preview-palette] .service-card,
html[data-preview-palette] .service-card:hover { background: linear-gradient(180deg, #191d2026, #191d20b3 50%, #191d20f5), var(--service-image) center / cover, #191d20; border-color: var(--p-line); box-shadow: none; }
html[data-preview-palette] .service-card__title { color: #f1eee8; }
html[data-preview-palette] .service-card__desc { color: #deddd8; }
html[data-preview-palette] .service-card__icon { background: #191d20bb; border-color: #ffffff33; }
html[data-preview-palette] .service-card__icon svg { color: var(--p-media-accent) !important; }
html[data-preview-palette] .service-card__link { color: var(--p-media-accent); }
html[data-preview-palette] .carousel-card { background: #191d20; border-color: var(--p-line); box-shadow: 0 16px 32px -18px #0007; }
html[data-preview-palette] .carousel-card[data-active="true"] { border-color: var(--p-accent); }
html[data-preview-palette] .carousel-card[data-active="false"]:not([inert]) { opacity: 1 !important; filter: brightness(.68); }
html[data-preview-palette] .carousel-card__visual::after { background: linear-gradient(180deg, #191d2000 12%, #191d206b 45%, #191d20d1 68%, #191d20fa 100%); }
html[data-preview-palette] .carousel-card__visual--contain img { background: #191d20; }
html[data-preview-palette] .carousel-card__badge { background: #191d20dd; border-color: #ffffff33; color: var(--p-media-accent); }
html[data-preview-palette] .carousel-card__eyebrow,
html[data-preview-palette] .carousel-card__date,
html[data-preview-palette] .carousel-card__cta { color: var(--p-media-accent); }
html[data-preview-palette] .carousel-card__title { color: #f1eee8; }
html[data-preview-palette] .carousel-card__text { color: #deddd8; }
html[data-preview-palette] .card-carousel__arrow { color: var(--p-text); background: var(--p-panel); border-color: var(--p-line); }
html[data-preview-palette] .card-carousel__dot::after { background: color-mix(in srgb, var(--p-muted) 55%, transparent); }
html[data-preview-palette] .card-carousel__dot.active::after { background: var(--p-accent); }
html[data-preview-palette] :is(.employee-card, .stat-card, .timeline__item, .contact-form, .contact-info__card, .panel, .point, .related-card, .product-card, .product-section, .media-card, .blog-card, .post-card, .cta-band) { background: var(--p-panel); border-color: var(--p-line); color: var(--p-text); box-shadow: none; backdrop-filter: none; }
html[data-preview-palette] :is(.employee-card__name, .timeline__title, .contact-info__value, .contact-form label, .product-card h3, .product-section h2, .media-card h3) { color: var(--p-text); }
html[data-preview-palette] :is(.employee-card__text, .employee-panel__list, .timeline__desc, .stat-card__label, .contact-info__label, .panel p, .point p, .product-card p, .product-section p, .media-card p) { color: var(--p-muted); }
html[data-preview-palette] .stat-card__number { color: var(--p-accent); background: none; -webkit-text-fill-color: currentColor; }
html[data-preview-palette] :is(.tech-tag, .keyword-strip li, .contact-info__icon, .method-list li) { background: var(--p-soft-accent); color: var(--p-text); border-color: var(--p-line); }
html[data-preview-palette] .contact-info__icon svg { color: var(--p-accent) !important; }
html[data-preview-palette] :is(input, textarea, select) { background: var(--p-bg); color: var(--p-text); border-color: var(--p-line); }
html[data-preview-palette] :is(input, textarea)::placeholder { color: var(--p-muted); }
html[data-preview-palette] :focus-visible { outline-color: var(--p-accent); }