/**
 * Page Section template presets (Light / Gray / Dark) using Inversaweb branding CSS variables.
 */

/* —— All page section blocks —— */
[data-iw-ps-preset="light"].iw-ps-block {
	--iw-ps-block-bg: var(--iw_branding_white_color, #ffffff);
	--iw-ps-block-text: var(--iw_branding_black_color, #222222);
	--iw-ps-block-muted: color-mix(in srgb, var(--iw-ps-block-text) 55%, var(--iw_branding_white_color, #fff));
	--iw-ps-block-accent: var(--iw_branding_secondary_color, #4b5563);
	color: var(--iw-ps-block-text);
}

[data-iw-ps-preset="gray"].iw-ps-block {
	--iw-ps-block-bg: var(--iw_branding_gray_color, #f5f5f5);
	--iw-ps-block-text: var(--iw_branding_black_color, #222222);
	--iw-ps-block-muted: color-mix(in srgb, var(--iw-ps-block-text) 55%, var(--iw_branding_gray_color, #f5f5f5));
	--iw-ps-block-accent: var(--iw_branding_secondary_color, #4b5563);
	color: var(--iw-ps-block-text);
}

[data-iw-ps-preset="dark"].iw-ps-block {
	--iw-ps-block-bg: var(--iw_branding_main_color, #1a3a52);
	--iw-ps-block-text: var(--iw_branding_white_color, #ffffff);
	--iw-ps-block-muted: color-mix(in srgb, var(--iw-ps-block-text) 72%, transparent);
	--iw-ps-block-accent: var(--iw_branding_secondary_color, #4b5563);
	color: var(--iw-ps-block-text);
}

.iw-ps-block[data-iw-ps-preset]:not(.iw-ps-block--has-bg-image) {
	background-color: var(--iw-ps-block-bg);
}

[data-iw-ps-preset="dark"].iw-ps-block .iw-ps-block__content,
[data-iw-ps-preset="dark"].iw-ps-block [class*="__heading"],
[data-iw-ps-preset="dark"].iw-ps-block [class*="__intro"] {
	color: inherit;
}

[data-iw-ps-preset="dark"].iw-ps-block [class*="__description"],
[data-iw-ps-preset="dark"].iw-ps-block [class*="__muted"] {
	color: var(--iw-ps-block-muted, color-mix(in srgb, var(--iw-ps-block-text) 72%, transparent));
}

/* —— Hero (all skins) —— */
[data-iw-ps-preset="light"].iw-ps-hero {
	--iw-ps-hero-bg: var(--iw_branding_white_color, #ffffff);
	--iw-ps-hero-text: var(--iw_branding_black_color, #222222);
	--iw-ps-hero-muted: color-mix(in srgb, var(--iw-ps-hero-text) 55%, var(--iw_branding_white_color, #fff));
	--iw-ps-hero-accent: var(--iw_branding_secondary_color, #4b5563);
	--iw-ps-hero-accent-hover: color-mix(in srgb, var(--iw-ps-hero-accent) 88%, #000);
	--iw-ps-hero-border: rgba(0, 0, 0, 0.08);
	--iw-ps-hero-btn-primary-text: #ffffff;
}

[data-iw-ps-preset="gray"].iw-ps-hero {
	--iw-ps-hero-bg: var(--iw_branding_gray_color, #f5f5f5);
	--iw-ps-hero-text: var(--iw_branding_black_color, #222222);
	--iw-ps-hero-muted: color-mix(in srgb, var(--iw-ps-hero-text) 55%, var(--iw_branding_gray_color, #f5f5f5));
	--iw-ps-hero-accent: var(--iw_branding_secondary_color, #4b5563);
	--iw-ps-hero-accent-hover: color-mix(in srgb, var(--iw-ps-hero-accent) 88%, #000);
	--iw-ps-hero-border: rgba(0, 0, 0, 0.08);
	--iw-ps-hero-btn-primary-text: #ffffff;
}

[data-iw-ps-preset="dark"].iw-ps-hero {
	--iw-ps-hero-bg: var(--iw_branding_main_color, #1a3a52);
	--iw-ps-hero-text: var(--iw_branding_white_color, #ffffff);
	--iw-ps-hero-muted: color-mix(in srgb, var(--iw-ps-hero-text) 72%, transparent);
	--iw-ps-hero-accent: var(--iw_branding_secondary_color, #4b5563);
	--iw-ps-hero-accent-hover: color-mix(in srgb, var(--iw-ps-hero-accent) 88%, #fff);
	--iw-ps-hero-border: color-mix(in srgb, var(--iw_branding_white_color, #fff) 22%, transparent);
	--iw-ps-hero-btn-primary-text: #ffffff;
}

[data-iw-ps-preset="dark"].iw-ps-hero .iw-ps-hero__btn--secondary {
	color: var(--iw_branding_white_color, #ffffff);
	border-color: color-mix(in srgb, var(--iw_branding_white_color, #fff) 55%, transparent);
}

[data-iw-ps-preset="dark"].iw-ps-hero .iw-ps-hero__btn--secondary:hover,
[data-iw-ps-preset="dark"].iw-ps-hero .iw-ps-hero__btn--secondary:focus-visible {
	color: var(--iw_branding_main_color, #1a3a52);
	background-color: var(--iw_branding_white_color, #ffffff);
	border-color: var(--iw_branding_white_color, #ffffff);
}

/* —— Services (all skins) —— */
[data-iw-ps-preset="light"].iw-ps-services {
	--iw-ps-services-bg: var(--iw_branding_white_color, #ffffff);
	--iw-ps-services-text: var(--iw_branding_black_color, #222222);
	--iw-ps-services-muted: color-mix(in srgb, var(--iw-ps-services-text) 55%, var(--iw_branding_white_color, #fff));
}

[data-iw-ps-preset="gray"].iw-ps-services {
	--iw-ps-services-bg: var(--iw_branding_gray_color, #f5f5f5);
	--iw-ps-services-text: var(--iw_branding_black_color, #222222);
	--iw-ps-services-muted: color-mix(in srgb, var(--iw-ps-services-text) 55%, var(--iw_branding_gray_color, #f5f5f5));
}

[data-iw-ps-preset="dark"].iw-ps-services {
	--iw-ps-services-bg: var(--iw_branding_main_color, #1a3a52);
	--iw-ps-services-text: var(--iw_branding_white_color, #ffffff);
	--iw-ps-services-muted: color-mix(in srgb, var(--iw-ps-services-text) 72%, transparent);
}

[data-iw-ps-preset="light"].iw-ps-services:not(.iw-ps-block--has-bg-image),
[data-iw-ps-preset="gray"].iw-ps-services:not(.iw-ps-block--has-bg-image),
[data-iw-ps-preset="dark"].iw-ps-services:not(.iw-ps-block--has-bg-image) {
	background-color: var(--iw-ps-services-bg);
}

/* —— Homepage placeholder sections (templates not yet on disk) —— */
.iw-theme-homepage-section[data-iw-ps-preset="light"] {
	background: var(--iw_branding_white_color, #ffffff);
	color: var(--iw_branding_black_color, #222222);
}

.iw-theme-homepage-section[data-iw-ps-preset="gray"] {
	background: var(--iw_branding_gray_color, #f5f5f5);
	color: var(--iw_branding_black_color, #222222);
}

.iw-theme-homepage-section[data-iw-ps-preset="dark"] {
	background: var(--iw_branding_main_color, #1a3a52);
	color: var(--iw_branding_white_color, #ffffff);
}

.iw-theme-homepage-section[data-iw-ps-preset="dark"] .iw-theme-homepage-section__skin-note,
.iw-theme-homepage-section[data-iw-ps-preset="dark"] .iw-theme-homepage-section__description,
.iw-theme-homepage-section[data-iw-ps-preset="dark"] .iw-theme-homepage-section__placeholder {
	color: inherit;
}

/* —— Page Sections admin live preview (placeholder sections) —— */
.iw-ps-live-preview[data-iw-ps-preset="light"] {
	background: var(--iw_branding_white_color, #ffffff);
	color: var(--iw_branding_black_color, #222222);
}

.iw-ps-live-preview[data-iw-ps-preset="gray"] {
	background: var(--iw_branding_gray_color, #f5f5f5);
	color: var(--iw_branding_black_color, #222222);
}

.iw-ps-live-preview[data-iw-ps-preset="dark"] {
	background: var(--iw_branding_main_color, #1a3a52);
	color: var(--iw_branding_white_color, #ffffff);
}

.iw-ps-live-preview[data-iw-ps-preset="dark"] .iw-ps-live-preview__description,
.iw-ps-live-preview[data-iw-ps-preset="dark"] .iw-ps-live-preview__placeholder,
.iw-ps-live-preview[data-iw-ps-preset="dark"] .iw-ps-live-preview__badge {
	color: inherit;
}