/**
 * Color Combo — Residual Rules
 *
 * The combo definitions (backgrounds, text, heading, link, button, separator
 * colors) are now handled by section style partials in styles/sections/.
 * WordPress generates all scoped CSS automatically.
 *
 * These rules cover edge cases that theme.json section styles don't handle:
 * - Border color inheritance on .has-border-color children (cards, groups)
 * - Outline button styling within combo sections
 */

/* Border inheritance within combo sections */
.is-style-combo-1 :where(.has-border-color) { border-color: var(--wp--preset--color--outline); }
.is-style-combo-2 :where(.has-border-color) { border-color: var(--wp--preset--color--muted); }
.is-style-combo-3 :where(.has-border-color) { border-color: var(--wp--preset--color--primary-dark); }
.is-style-combo-4 :where(.has-border-color) { border-color: var(--wp--preset--color--outline); }

/* Outline buttons within combo sections */
.is-style-combo-1 :where(.is-style-outline .wp-block-button__link) {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}
.is-style-combo-2 :where(.is-style-outline .wp-block-button__link) {
	background-color: transparent;
	color: var(--wp--preset--color--primary-light);
	border-color: var(--wp--preset--color--primary-light);
}
.is-style-combo-3 :where(.is-style-outline .wp-block-button__link) {
	background-color: transparent;
	color: var(--wp--preset--color--accent-light);
	border-color: var(--wp--preset--color--accent-light);
}
.is-style-combo-4 :where(.is-style-outline .wp-block-button__link) {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}