/* Warm-neutral visual rollout — homepage, Zurich Bahnhofstrasse/Oerlikon/Hoengg and St. Gallen only.
   The page opt-in is the body.tcm-warm class. No typography, spacing, content, image or navigation changes.
   Yellow check-in offers and WhatsApp branding remain untouched. */
body.tcm-warm {
  --brand:#E4DDD2;
  --brand-hover:#D4CABE;
  --brand-black:#171B1A;
  --brand-surface:#F5F2ED;
  --brand-tint:#F0EBE5;
  --brand-ink:#454943;
  --blue:#565B59;
  --blue-dark:#414642;
  --blue-light:#F0EBE5;
  --green:#565B59;
  --green-light:#F0EBE5;
  --green-dark:#414642;
  --green-mid:#DED5C9;
  --green-mint:#ECE5DC;
  --black:#171B1A;
  --charcoal:#171B1A;
  --mid:#565B59;
  --muted:#676B67;
  --border:#DED8D0;
  --surface:#F5F2ED;
  --bg-soft:#F5F2ED;
  --sh-btn:0 6px 18px rgba(23,27,26,.12);
  --sh-btn-hover:0 10px 28px rgba(23,27,26,.18);
}
body.tcm-warm .standort-scope,
body.tcm-warm .std-ds,
body.tcm-warm .std-vorlage {
  --brand:#E4DDD2;
  --brand-black:#171B1A;
  --brand-surface:#F5F2ED;
  --blue:#565B59;
  --blue-dark:#414642;
  --blue-light:#F0EBE5;
  --green-mint:#ECE5DC;
  --green-mid:#DED5C9;
  --surface:#F5F2ED;
  --border:#DED8D0;
}
/* Keep the same hero layout and imagery, only change large green fields to ivory. */
body.tcm-warm #home-content .sr-hero,
body.tcm-warm .lsr-hero,
body.tcm-warm .hh-hero {background:#F2EEE8;color:#171B1A}
body.tcm-warm #home-content .sr-hero-left,
body.tcm-warm .lsr-left,
body.tcm-warm .hh-left {color:#171B1A}
body.tcm-warm .lsr-h1,
body.tcm-warm .hh-h1,
body.tcm-warm #home-content .sr-h1 {color:#171B1A}
body.tcm-warm .section-label,
body.tcm-warm .section-title em,
body.tcm-warm .offer-brand-eyebrow {color:#565B59}
/* Existing large colour surfaces, cards and informational tints. */
body.tcm-warm #s-offer {background:#ECE5DC!important}
body.tcm-warm #home-content .home-locations-feature {
  background:linear-gradient(135deg,#F5F2ED 0%,#EEE7DE 58%,#FFF7CF 100%);
}
body.tcm-warm #home-content .home-locations-kicker,
body.tcm-warm #home-content .home-locations-divider>span {color:#565B59}
body.tcm-warm .akz-chip,
body.tcm-warm .zhx-tag {background:#F0EBE5;color:#414642}
/* Preserve charcoal primary CTAs with legible white text. */
body.tcm-warm .btn-primary,
body.tcm-warm .lsr-btn-primary,
body.tcm-warm .hh-btn-primary,
body.tcm-warm #home-content .sr-btn--solid {
  background:#171B1A;color:#FFFFFF;border-color:#171B1A;box-shadow:none;
}
body.tcm-warm .btn-primary:hover,
body.tcm-warm .lsr-btn-primary:hover,
body.tcm-warm .hh-btn-primary:hover,
body.tcm-warm #home-content .sr-btn--solid:hover {
  background:#353A37;color:#FFFFFF;border-color:#353A37;
}
/* Form stylesheet sets dark-on-dark label via !important — override only in opted-in pages. */
body.tcm-warm .kf-huelle :is(.form-submit,form button[type=submit]):not(#w2):not(#w3):not(#w4),
body.tcm-warm .kf .kf-btn--primary {
  background:#171B1A!important;border-color:#171B1A!important;color:#FFFFFF!important;
}
body.tcm-warm .kf-huelle :is(.form-submit,form button[type=submit]):not(#w2):not(#w3):not(#w4):hover,
body.tcm-warm .kf .kf-btn--primary:hover {
  background:#353A37!important;border-color:#353A37!important;color:#FFFFFF!important;
}
body.tcm-warm .kf {--kf-neon:#171B1A;--kf-ink:#171B1A;--kf-mint:#F5F2ED;--kf-mint-line:#DED8D0}
body.tcm-warm .kf-opt:has(input:checked),
body.tcm-warm .kf-radio:has(input:checked) {border-color:#565B59}
/* Shared location tiles keep the existing layout and the yellow check-in emphasis. */
body.tcm-warm .sc-btn:not(.sc-btn--gelb){background:#171B1A;color:#FFFFFF}
body.tcm-warm .sc:hover .sc-btn:not(.sc-btn--gelb){background:#353A37;color:#FFFFFF}
body.tcm-warm .sc-chip:not(.sc-chip--gelb){background:#F0EBE5;color:#414642;border-color:#DED8D0}
body.tcm-warm .sc-btn--gelb,
body.tcm-warm .sc-chip--gelb {background:#FFD84D;color:#111;border-color:#FFD84D}
/* The St. Gallen seasonal gift module keeps its offer semantics, but aligns large green
   background panels with the new charcoal/ivory identity. Gold remains gold. */
body.tcm-warm .f30-hero {--f30-pine:#171B1A;--f30-pine-deep:#353A37;--f30-accent:#565B59;--f30-mint:#E4DDD2}
body.tcm-warm .f30-hero .f30-card {background:#171B1A}
body.tcm-warm .lsr-hero .lsr-btn-primary {background:#171B1A;color:#FFFFFF}
body.tcm-warm .lsr-hero .lsr-btn-primary:hover {background:#353A37}