/**
 * NNCM — Heading font-size overrides (mobile step)
 *
 * theme.json holds the DESKTOP heading sizes as fixed values.
 * This file supplies the MOBILE step, since theme.json can't express
 * a per-breakpoint preset value.
 *
 * Loaded with a dependency on 'global-styles' (see functions.php) so it
 * always prints AFTER WordPress's generated custom properties and wins
 * the cascade.
 *
 * Breakpoint below is 781px (WP's default mobile breakpoint) — change it
 * to the Mobile→Desktop switch width from the Figma design if different.
 */
@media (max-width: 781px) {
	:root {
		--wp--preset--font-size--heading-1: 2.5rem;   /* 40 */
		--wp--preset--font-size--heading-2: 2.25rem;  /* 36 */
		--wp--preset--font-size--heading-3: 2rem;     /* 32 */
		--wp--preset--font-size--heading-4: 1.5rem;   /* 24 */
		--wp--preset--font-size--heading-5: 1.25rem;  /* 20 */
		--wp--preset--font-size--heading-6: 1.125rem; /* 18 */
	}
}