/* Shared palette from the owner-approved /preise/ page, 20 October 2026. */
:root{
  --hb-page:#fbf7f1;
  --hb-panel:#fffdf8;
  --hb-panel-alt:#f4f1ec;
  --hb-sage:#96b59e;
  --hb-sage-pale:#dfe9e1;
  --hb-sage-soft:#edf2ec;
  --hb-sage-ink:#4b6751;
  --hb-border:#e9e3da;
  --surface:var(--hb-page);
  --cream:var(--hb-panel-alt);
  --sage:var(--hb-sage);
  --sage-light:var(--hb-sage-pale);
  --line:var(--hb-border);
}

:root body,:root body main{background:var(--hb-page)}
:root body main.laser-treatment-page{--lt-cream:var(--hb-page);--lt-warm:var(--hb-panel-alt);--lt-line:var(--hb-border)}
:root body main.facial-page{--fc-base:var(--hb-page);--fc-alt:var(--hb-panel-alt);--fc-line:var(--hb-border)}
:root body main.team-page{--team-bg:var(--hb-page);--team-bg-alt:var(--hb-panel-alt);--team-sage-light:var(--hb-sage-pale);--team-line:var(--hb-border)}

/* The same dotted texture and gold/sage wash as the reference page. */
:root body main :is(.hero,.lt-hero,.fc-hero,.team-intro):not(.home-hero){
  position:relative;isolation:isolate;overflow:hidden;background:var(--hb-page);
}
:root body main :is(.hero,.lt-hero,.fc-hero,.team-intro):not(.home-hero)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='1' cy='1' r='1' fill='%2396B59E' fill-opacity='.4'/%3E%3C/svg%3E");
  background-size:22px 22px;
  mask-image:radial-gradient(60% 60% at 50% 30%,white,transparent);
  -webkit-mask-image:radial-gradient(60% 60% at 50% 30%,white,transparent);
}
:root body main :is(.hero,.lt-hero,.fc-hero,.team-intro):not(.home-hero)::after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle 272px at calc(100% - 112px) 312px,#edc08540 0 99%,transparent 100%),radial-gradient(circle 224px at 64px calc(100% - 224px),#96b59e40 0 99%,transparent 100%);
  filter:blur(64px);
}

/* Warm page surfaces and soft, distinct cards. */
:root body main :is(.fc-section,.lt-results-section,.lt-zones-section,.lt-organisation-section){background:var(--hb-page)}
:root body main :is(.home-why-wrap,.home-device-wrap,.home-process-wrap,.home-zones-wrap,.home-seda-wrap,.fc-section-products,.fc-section-groups,.fc-section-final_cta,.career-work-wrap,.team-studio){background:var(--hb-panel-alt);border-color:var(--hb-border)}
:root body main :is(.card,.home-suitability-grid article,.home-steps-grid li,.home-review-card,.home-google-card,.home-zone-panels,.home-seda-card,.home-laser-short-answer,.fc-card,.fc-treatment-card,.lt-cycle-overview,.lt-method,.career-offer-grid article){background:var(--hb-panel);border-color:var(--hb-border)}
:root body main :is(.cta,.consult-card,.career-application){background:linear-gradient(145deg,var(--hb-page),var(--hb-sage-soft));border-color:#c8d6c7}
:root body main :is(.fc-jump-nav,.lt-jump-nav){background:var(--hb-page);border-color:var(--hb-border)}
:root body footer{background:var(--hb-page)}

/* Sage labels repeat the reference page's small rounded treatment label. */
:root body main :is(.eyebrow,.lt-eyebrow,.fc-eyebrow){
  display:inline-flex;align-items:center;width:fit-content;max-width:100%;
  padding:4px 12px;border:1px solid var(--hb-sage);border-radius:999px;
  background:var(--hb-sage-pale);color:#825923!important;
}
:root body main .home-hero .eyebrow{background:var(--hb-sage-pale);border-color:var(--hb-sage);color:#825923!important}

/* Green is an accent and an explicit selection state; headings stay gold. */
:root body main :is(.home-why-check,.home-check-mark,.lt-step-number){background:var(--hb-sage-pale);border-color:var(--hb-sage);color:var(--hb-sage-ink)!important}
:root body main :is(.home-step-number,.fc-step-number,.career-item-number,.career-onboarding-grid li>span,.team-profile-number){color:var(--hb-sage-ink)!important}
:root body main .home-suitability-grid li::before,:root body main .home-device-facts li>span,:root body main .lt-hero-facts li::before{color:var(--hb-sage-ink)}
:root body main :is(.home-zone-tabs button[aria-selected="true"],.lt-method-filters button[aria-pressed="true"]){background:var(--hb-sage-pale);border-color:var(--hb-sage);color:var(--hb-sage-ink)!important;box-shadow:0 3px 9px #6f94791a}
:root body main .home-zone-point[aria-pressed="true"]>span{background:var(--hb-sage-ink);box-shadow:0 0 0 8px #96b59e55}
:root body main :is(.home-result-after-label,.lt-after-label){background:var(--hb-sage-pale);color:#354632}
:root body main :is(.faq-list,.zone-faq,.home-faq-list,.lt-faq,.fc-faq-list) details[open]{background:var(--hb-sage-soft);border-color:#c8d6c7}
:root body main :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--hb-sage-ink)}

/* Every main action uses the reference button's champagne-gold finish. */
:root body main :is(a,button).button,:root body .site-header a.header-cta,:root body a.consultation-rail,:root body main .search button{
  background:linear-gradient(165deg,#f6dcb4 0%,#edc085 50%,#e6b371 100%)!important;
  color:#1f1d1a!important;border-color:transparent!important;border-radius:999px!important;
  box-shadow:inset 0 0 0 1px #bc8b496b,inset 0 1px 0 #fff9eac7,0 7px 18px -12px #704a26a6,0 3px 8px #3f2d1b0d!important;
  text-shadow:0 1px 0 #fff6e53d;
}
:root body main :is(a,button).button:hover,:root body .site-header a.header-cta:hover,:root body a.consultation-rail:hover,:root body main .search button:hover{
  background:linear-gradient(165deg,#f8e1bf 0%,#f0c78f 50%,#e7b16b 100%)!important;
  box-shadow:inset 0 0 0 1px #b7834380,inset 0 1px 0 #fffaf0db,0 9px 24px -13px #704a2699,0 4px 10px #3f2d1b12!important;
}
@media(forced-colors:active){
  :root body main :is(a,button).button,:root body .site-header a.header-cta,:root body a.consultation-rail,:root body main .search button{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;text-shadow:none}
  :root body main :is(.hero,.lt-hero,.fc-hero,.team-intro):not(.home-hero)::before,:root body main :is(.hero,.lt-hero,.fc-hero,.team-intro):not(.home-hero)::after{display:none}
}

:root body main :is(.lt-method-laser,.lt-hair-panel-laser){background:linear-gradient(150deg,var(--hb-panel),var(--hb-sage-pale));border-color:var(--hb-sage)}