/**
 * Tokens sémantiques UAY.
 *
 * Les couleurs de marque et les familles typographiques proviennent
 * exclusivement de theme.json et de ses variables WordPress générées.
 */

:root {
	--uay-blue: var(--wp--custom--uay--color--blue);
	--uay-blue-deep: var(--wp--custom--uay--color--blue-deep);
	--uay-orange: var(--wp--custom--uay--color--orange);
	--uay-orange-deep: var(--wp--custom--uay--color--orange-deep);
	--uay-ivory: var(--wp--custom--uay--color--ivory);
	--uay-soft-blue: var(--wp--custom--uay--color--soft-blue);
	--uay-white: var(--wp--custom--uay--color--white);
	--uay-ink: var(--wp--custom--uay--color--ink);
	--uay-muted: var(--wp--custom--uay--color--muted);
	--uay-border: var(--wp--custom--uay--color--border);
	--uay-surface-blue-faint: var(--wp--custom--uay--color--surface-blue-faint);
	--uay-surface-blue-light: var(--wp--custom--uay--color--surface-blue-light);
	--uay-surface-blue-pale: var(--wp--custom--uay--color--surface-blue-pale);
	--uay-surface-blue-muted: var(--wp--custom--uay--color--surface-blue-muted);
	--uay-surface-neutral: var(--wp--custom--uay--color--surface-neutral);
	--uay-surface-white-warm: var(--wp--custom--uay--color--surface-white-warm);
	--uay-surface-peach: var(--wp--custom--uay--color--surface-peach);
	--uay-surface-ivory-muted: var(--wp--custom--uay--color--surface-ivory-muted);
	--uay-surface-ivory-faint: var(--wp--custom--uay--color--surface-ivory-faint);
	--uay-surface-ivory-light: var(--wp--custom--uay--color--surface-ivory-light);
	--uay-surface-orange-light: var(--wp--custom--uay--color--surface-orange-light);
	--uay-surface-orange-pale: var(--wp--custom--uay--color--surface-orange-pale);
	--uay-surface-orange-soft: var(--wp--custom--uay--color--surface-orange-soft);
	--uay-surface-protected: var(--wp--custom--uay--color--surface-protected);
	--uay-indicator: var(--wp--custom--uay--color--indicator);
	--uay-border-warm: var(--wp--custom--uay--color--border-warm);
	--uay-border-orange-soft: var(--wp--custom--uay--color--border-orange-soft);
	--uay-youtube: var(--wp--custom--uay--color--youtube);
	--uay-facebook: var(--wp--custom--uay--color--facebook);
	--uay-instagram-yellow: var(--wp--custom--uay--color--instagram-yellow);
	--uay-instagram-orange: var(--wp--custom--uay--color--instagram-orange);
	--uay-instagram-blue: var(--wp--custom--uay--color--instagram-blue);
	--uay-instagram-purple: var(--wp--custom--uay--color--instagram-purple);
	--uay-instagram-magenta: var(--wp--custom--uay--color--instagram-magenta);
	--uay-instagram-coral: var(--wp--custom--uay--color--instagram-coral);
	--uay-rgb-white: var(--wp--custom--uay--rgb--white);
	--uay-rgb-blue: var(--wp--custom--uay--rgb--blue);
	--uay-rgb-blue-deep: var(--wp--custom--uay--rgb--blue-deep);
	--uay-rgb-blue-legacy: var(--wp--custom--uay--rgb--blue-legacy);
	--uay-rgb-blue-legacy-deep: var(--wp--custom--uay--rgb--blue-legacy-deep);
	--uay-rgb-shadow-blue: var(--wp--custom--uay--rgb--shadow-blue);
	--uay-rgb-orange-legacy: var(--wp--custom--uay--rgb--orange-legacy);
	--uay-rgb-orange-vivid: var(--wp--custom--uay--rgb--orange-vivid);
	--uay-rgb-ivory: var(--wp--custom--uay--rgb--ivory);
	--uay-rgb-warm-white: var(--wp--custom--uay--rgb--warm-white);
	--uay-rgb-navy: var(--wp--custom--uay--rgb--navy);
	--uay-rgb-navy-deep: var(--wp--custom--uay--rgb--navy-deep);
	--uay-font-serif: var(--wp--preset--font-family--uay-serif);
	--uay-font-sans: var(--wp--preset--font-family--uay-sans);
	--uay-shadow: 0 14px 34px color-mix(in srgb, var(--uay-blue) 12%, transparent);
	--uay-shadow-strong: 0 24px 58px color-mix(in srgb, var(--uay-blue-deep) 22%, transparent);
	--uay-radius: 0.75rem;
	--uay-content: var(--wp--custom--uay--layout--wide-size);
	--uay-content-half: calc(var(--uay-content) / 2);
	--uay-title-page: clamp(2.25rem, 4.2vw, 3.5rem);
	--uay-title-section: clamp(1.75rem, 3.2vw, 2.55rem);
	--uay-title-card: clamp(1.25rem, 3vw, 1.6rem);
	--uay-section-flow-gap: 1rem;
	--uay-section-padding: clamp(1.9rem, 2.8vw, 2.35rem);
	--uay-hero-padding: clamp(2.2rem, 3.6vw, 3rem);
}

@media (max-width: 760px) {
	:root {
		--uay-title-page: clamp(2.15rem, 9vw, 2.7rem);
		--uay-title-section: clamp(1.75rem, 8vw, 2.25rem);
		--uay-section-flow-gap: 0.75rem;
		--uay-section-padding: 1.55rem;
		--uay-hero-padding: 1.85rem;
	}
}