/*
 * SKINBALANCE Page Builder brand consistency layer v1.0
 *
 * Purpose:
 * - Current shared Page Builder modules use the central SKINBALANCE plum for
 *   their built-in "dark" preset instead of legacy VISAGE black/brown tones.
 * - Does not target Workshop, Legal, Termin-Buchen native modules or HOME
 *   native modules.
 * - Explicit Universal Color System overrides are applied by layer 55 after
 *   this file and therefore remain authoritative.
 */

:root {
  --sb-pb-brand-dark: var(--sb-plum, #3d2b3d);
  --sb-pb-brand-cream: var(--sb-blush, #f9f3f0);
  --sb-pb-brand-accent: var(--sb-gold, #bda98d);
}

.premium-page-hero.is-bg-dark,
.premium-text-image.is-bg-dark,
.premium-icon-cards.is-bg-dark,
.premium-cta.is-bg-dark,
.premium-contact-cards.is-bg-dark,
.premium-location.is-bg-dark,
.premium-opening-hours.is-bg-dark,
.premium-steps.is-bg-dark,
.premium-faq.is-bg-dark,
.premium-gallery.is-bg-dark,
.premium-testimonials.is-bg-dark,
.premium-before-after.is-bg-dark,
.premium-before-after.is-bg-dark_premium,
.premium-comparison.is-bg-dark,
.premium-salon-section.is-bg-dark {
  background: var(--sb-pb-brand-dark);
}

.premium-salon-section.is-bg-dark {
  --salon-bg: var(--sb-pb-brand-dark);
  --salon-text: var(--sb-pb-brand-cream);
  --salon-muted: color-mix(in srgb, var(--sb-pb-brand-cream) 74%, transparent);
  --salon-line: color-mix(in srgb, var(--sb-pb-brand-cream) 22%, transparent);
  --salon-soft: color-mix(in srgb, var(--sb-pb-brand-cream) 8%, transparent);
}

/* Keep dark preset accents in the SKINBALANCE palette, not legacy black. */
.premium-page-hero.is-bg-dark .eyebrow,
.premium-text-image.is-bg-dark .eyebrow,
.premium-icon-cards.is-bg-dark .eyebrow,
.premium-cta.is-bg-dark .eyebrow,
.premium-steps.is-bg-dark .eyebrow,
.premium-faq.is-bg-dark .eyebrow,
.premium-gallery.is-bg-dark .eyebrow,
.premium-testimonials.is-bg-dark .eyebrow,
.premium-comparison.is-bg-dark .eyebrow,
.premium-salon-section.is-bg-dark .eyebrow {
  color: var(--sb-pb-brand-accent);
}