/**
 * Homepage Block template presets (Light / Gray / Dark) using Inversaweb branding CSS variables.
 */

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

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

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

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

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

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

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

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

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

[data-iw-pb-preset="dark"].iw-pb-hero .iw-pb-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-pb-preset="dark"].iw-pb-hero .iw-pb-hero__btn--secondary:hover,
[data-iw-pb-preset="dark"].iw-pb-hero .iw-pb-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-pb-preset="light"].iw-pb-services {
	--iw-pb-services-bg: var(--iw_branding_white_color, #ffffff);
	--iw-pb-services-text: var(--iw_branding_black_color, #222222);
	--iw-pb-services-muted: color-mix(in srgb, var(--iw-pb-services-text) 55%, var(--iw_branding_white_color, #fff));
}

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

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

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

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

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

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

.iw-theme-homeprebuilt-block[data-iw-pb-preset="dark"] .iw-theme-homeprebuilt-block__skin-note,
.iw-theme-homeprebuilt-block[data-iw-pb-preset="dark"] .iw-theme-homeprebuilt-block__description,
.iw-theme-homeprebuilt-block[data-iw-pb-preset="dark"] .iw-theme-homeprebuilt-block__placeholder {
	color: inherit;
}