/* FILE: custom/_headings.scss */

@for $i from 1 through 4 {
	.has-h-#{ $i }-font-size {
		@extend %heading_color;
	}
}

%heading_color {

	html :where( & ) {
		color: var(--wp--preset--color--contrast-alt);
	}

	.has-background &,
	.has-text-color &,
	.wp-block-cover & {

		html :where( & ) {
			color: inherit;
		}
	}
}
