/* Industry palettes belong to the landing content, never to the site chrome. */
#smpls-editor-content.wnm-specialty-wedding {
    --offer-solid-hsl: 340, 36%, 42%;
    --offer-light-hsl: 340, 48%, 78%;
    --offer-preview-accent: #924560;
}

#smpls-editor-content.wnm-specialty-accommodation {
    --offer-solid-hsl: 144, 29%, 31%;
    --offer-light-hsl: 144, 28%, 75%;
    --offer-preview-accent: #38664a;
}

#smpls-editor-content.wnm-specialty-gastro {
    --offer-solid-hsl: 5, 44%, 40%;
    --offer-light-hsl: 5, 58%, 78%;
    --offer-preview-accent: #933f39;
}

#smpls-editor-content.wnm-specialty-salon {
    --offer-solid-hsl: 273, 24%, 42%;
    --offer-light-hsl: 273, 35%, 79%;
    --offer-preview-accent: #6d5185;
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"] {
    --offer-solid: hsl(var(--offer-solid-hsl));
    --offer-link: var(--offer-solid);
    --offer-hover: color-mix(in srgb, var(--offer-solid) 84%, #000);
    --offer-paper: color-mix(in srgb, var(--offer-solid) 5%, #fff);
    --offer-tint: color-mix(in srgb, var(--offer-solid) 9%, #fff);
    --wnm-surface: color-mix(in srgb, var(--offer-solid) 2%, #fff);
    --wnm-tint: var(--offer-tint);
    --wnm-line: color-mix(in srgb, var(--offer-solid) 19%, #e4e4e7);
    --wnm-primary: var(--offer-link);
    --wnm-link: var(--offer-link);
    --wnm-accent: var(--offer-link);
    --wnm-accent-soft: var(--offer-tint);
    --wnm-accent-line: var(--wnm-line);
    --wnm-brand-dark: color-mix(in srgb, var(--offer-solid) 22%, #202027);
    --industry-primary: var(--offer-solid);
    --marketing-card-surface: var(--wnm-surface);
    --marketing-card-line: var(--wnm-line);
    --marketing-card-corner: color-mix(in srgb, var(--offer-solid) 5%, transparent);
    --marketing-card-hover: color-mix(in srgb, var(--offer-link) 45%, var(--wnm-line));
    --smplsColorPrimary-hsl: var(--offer-solid-hsl);
    --smplsColorPrimary: var(--offer-solid);
    --smplsColorSubHeading: var(--offer-link);
    --smplsColorSubHeadingDark: var(--offer-link);
    --smplsColorButton: var(--offer-solid);
    --smplsColorButtonDark: var(--offer-solid);
    --smplsColorButtonHover: var(--offer-hover);
    --smplsColorButtonHoverDark: var(--offer-hover);
    --smplsColorButtonText: #fff;
    --smplsColorButtonTextDark: #fff;
    --smplsColorButtonTextHover: #fff;
    --smplsColorButtonTextHoverDark: #fff;
    --smplsColorButtonOutlined: var(--offer-link);
    --smplsColorButtonOutlinedDark: var(--offer-link);
    --smplsColorButtonOutlinedText: var(--offer-link);
    --smplsColorButtonOutlinedTextDark: var(--offer-link);
    --smplsColorButtonOutlinedHover: var(--offer-link);
    --smplsColorButtonOutlinedHoverDark: var(--offer-link);
    --smplsColorButtonOutlinedTextHover: var(--offer-link);
    --smplsColorButtonOutlinedTextHoverDark: var(--offer-link);
    --smplsColorButtonUnderlined: var(--offer-link);
    --smplsColorButtonUnderlinedDark: var(--offer-link);
    --smplsColorButtonUnderlinedHover: var(--offer-link);
    --smplsColorButtonUnderlinedHoverDark: var(--offer-link);
    --smplsColorCard: var(--wnm-surface);
    --smplsColorCardDark: var(--wnm-surface);
    --smplsColorCardButton: var(--offer-solid);
    --smplsColorCardButtonDark: var(--offer-solid);
    --smplsColorCardButtonText: #fff;
    --smplsColorCardButtonTextDark: #fff;
    --smplsColorCardButtonHover: var(--offer-hover);
    --smplsColorCardButtonHoverDark: var(--offer-hover);
    --smplsColorCardButtonTextHover: #fff;
    --smplsColorCardButtonTextHoverDark: #fff;
    background: var(--offer-paper);
}

.dark #smpls-editor-content.wnm-page[class*="wnm-specialty-"] {
    --offer-link: hsl(var(--offer-light-hsl));
    --offer-paper: color-mix(in srgb, var(--offer-solid) 8%, #1b191f);
    --offer-tint: color-mix(in srgb, var(--offer-solid) 15%, #202027);
    --wnm-surface: color-mix(in srgb, var(--offer-solid) 8%, #25252c);
    --wnm-line: color-mix(in srgb, var(--offer-link) 17%, #3d3d46);
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"] :is(.wnm-tinted, .industry-tinted) {
    background: var(--offer-tint);
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"] :is(.wnm-builder, .industry-paper) {
    background: var(--wnm-surface);
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"] .smpls-process-section {
    background-color: var(--offer-tint);
    background-image: linear-gradient(
        color-mix(in srgb, var(--offer-tint) 96%, transparent),
        color-mix(in srgb, var(--offer-tint) 96%, transparent)
    ), url('/artwork/process-mark-gray.svg');
}

/* Filled controls keep white text; lighter dark-mode accents are for text and borders. */
#smpls-editor-content.wnm-page[class*="wnm-specialty-"] :is(
    .wnm-price-badge,
    .wnm-mini-business .wnm-mini-button,
    .wnm-step-nav button[aria-current="step"] .wnm-nav-number
) {
    background: var(--offer-solid);
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"]:not(.wnm-specialty-wedding) .wnm-concept {
    background: var(--wnm-brand-dark);
}

#smpls-editor-content.wnm-page[class*="wnm-specialty-"]:not(.wnm-specialty-wedding) .wnm-concept-scene {
    background: radial-gradient(
        ellipse at 30% 60%,
        color-mix(in srgb, var(--offer-solid) 28%, transparent),
        transparent 65%
    ), var(--wnm-brand-dark);
}

#smpls-editor-content.wnm-specialty-wedding .wnm-concept-scene {
    background: radial-gradient(
        ellipse at 30% 60%,
        color-mix(in srgb, var(--offer-solid) 18%, transparent),
        transparent 65%
    ), var(--wnm-surface);
}