/**
 * MHSI Theme 2026 — CSS custom property bridge.
 * Primitives + semantic aliases from assets/data/mhsi-colors.json (Figma).
 */

:root {
	/* Primitives */
	--mhsi-color-pink: var(--wp--custom--color--pink, #f3aad2);
	--mhsi-color-orange-darker: var(--wp--custom--color--orange-darker, #e95e4c);
	--mhsi-color-orange: var(--wp--custom--color--orange, #ff7151);
	--mhsi-color-yellow-orange: var(--wp--custom--color--yellow-orange, #eaa76a);
	--mhsi-color-storywell: var(--wp--custom--color--storywell, #ffd985);
	--mhsi-color-yellow: var(--wp--custom--color--yellow, #fff7aa);
	--mhsi-color-minty: var(--wp--custom--color--minty, #e3faf0);
	--mhsi-color-teal: var(--wp--custom--color--teal, #18808e);
	--mhsi-color-blue-light: var(--wp--custom--color--blue-light, #cdf0f9);
	--mhsi-color-blue-med: var(--wp--custom--color--blue-med, #7ab7fe);
	--mhsi-color-blue-dark-not-for-bg: var(--wp--custom--color--blue-dark-not-for-bg, #0090e9);
	--mhsi-color-blue-very-dark: var(--wp--custom--color--blue-very-dark, #1b45cc);
	--mhsi-color-pure-white: var(--wp--custom--color--pure-white, #ffffff);
	--mhsi-color-light-grey: var(--wp--custom--color--light-grey, #f4f4f4);
	--mhsi-color-grey-old-bad-for-bg: var(--wp--custom--color--grey-old-bad-for-bg, #e5e5e5);
	--mhsi-color-black-text: var(--wp--custom--color--black-text, #212121);
	--mhsi-color-black: var(--wp--custom--color--black, #000000);
	--mhsi-color-soft-pink: var(--wp--custom--color--soft-pink, #ffeae9);
	--mhsi-color-grey: var(--wp--custom--color--grey, #e2e2e2);
	--mhsi-color-other-grey: var(--wp--custom--color--other-grey, #8f8f8f);

	/* Semantic */
	--mhsi-color-base: var(--wp--custom--semantic--base, #ffffff);
	--mhsi-color-contrast: var(--wp--custom--semantic--contrast, #212121);
	--mhsi-color-primary: var(--wp--custom--semantic--primary, #ff7151);
	--mhsi-color-primary-dark: var(--wp--custom--semantic--primary-dark, #e95e4c);
	--mhsi-color-secondary: var(--wp--custom--semantic--secondary, #18808e);
	--mhsi-color-accent: var(--wp--custom--semantic--accent, #f3aad2);
	--mhsi-color-accent-warm: var(--wp--custom--semantic--accent-warm, #ffd985);
	--mhsi-color-surface: var(--wp--custom--semantic--surface, #f4f4f4);
	--mhsi-color-muted: var(--wp--custom--semantic--muted, #8f8f8f);
	--mhsi-color-inverse: var(--wp--custom--semantic--inverse, #000000);

	/* Typography (Figma New Text Styles / MHSI - *) — mirrors text-styles.css */
	--mhsi-text-h1-home-size: clamp(2.5rem, 5vw, 4.1116rem);
	--mhsi-text-h1-size: clamp(2.75rem, 5.5vw, 4.8125rem);
	--mhsi-text-h2-size: clamp(1.85rem, 3.5vw, 3.0453rem);
	--mhsi-text-h2-5-size: clamp(1.675rem, 3vw, 2.5452rem);
	--mhsi-text-h3-size: clamp(1.5rem, 2.5vw, 2.045rem);
	--mhsi-text-h4-size: clamp(1.25rem, 2vw, 1.5625rem);
	--mhsi-text-intro-big-size: clamp(1.625rem, 2.8vw, 2.4416rem);
	--mhsi-text-intro-size: clamp(1.375rem, 2vw, 1.625rem);
	--mhsi-text-paragraph-size: clamp(1.125rem, 1.4vw, 1.3125rem);
	--mhsi-text-paragraph-big-size: clamp(1.375rem, 2vw, 1.625rem);
	--mhsi-text-eyebrow-size: var(--mhsi-text-paragraph-size);
	--mhsi-text-button-label-size: 1.375rem;
	--mhsi-text-small-size: 1.125rem;
	--mhsi-text-post-tag-size: 1.125rem;

	/*
	 * Legacy aliases: old custom font-size / spacing preset slugs → cleaned defaults
	 * or MHSI text tokens (Figma styles live as block styles, not theme.json presets).
	 */
	--wp--preset--font-size--paragraph: var(--wp--preset--font-size--medium);
	--wp--preset--font-size--post-tag: var(--wp--preset--font-size--small);
	--wp--preset--font-size--eyebrow: var(--mhsi-text-eyebrow-size);
	--wp--preset--font-size--button-label: var(--mhsi-text-button-label-size);
	--wp--preset--font-size--intro: var(--mhsi-text-intro-size);
	--wp--preset--font-size--paragraph-big: var(--mhsi-text-paragraph-big-size);
	--wp--preset--font-size--intro-big: var(--mhsi-text-intro-big-size);
	--wp--preset--font-size--h4: var(--wp--preset--font-size--large);
	--wp--preset--font-size--h-4: var(--wp--preset--font-size--large);
	--wp--preset--font-size--h3: var(--mhsi-text-h3-size);
	--wp--preset--font-size--h-3: var(--mhsi-text-h3-size);
	--wp--preset--font-size--h2: var(--wp--preset--font-size--x-large);
	--wp--preset--font-size--h-2: var(--wp--preset--font-size--x-large);
	--wp--preset--font-size--h1: var(--wp--preset--font-size--xx-large);
	--wp--preset--font-size--h-1: var(--wp--preset--font-size--xx-large);
	--wp--preset--font-size--h1-home: var(--mhsi-text-h1-home-size);
	--wp--preset--font-size--h-1-home: var(--mhsi-text-h1-home-size);
	--wp--preset--spacing--medium: var(--wp--preset--spacing--50);
	--wp--preset--spacing--large: var(--wp--preset--spacing--60);
	--wp--preset--spacing--xl: var(--wp--preset--spacing--70);
}

/* Header/footer visual rules live in chrome.css */