/**
 * HYPRO — Font loading.
 * Defines @font-face for the custom Yumex typeface and imports DM Sans from Google Fonts.
 * CSS custom properties are here so both hypro-typography.css and hypro-editor-typography.css
 * can reference them regardless of load order.
 */

/* DM Sans — body / UI font */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&display=swap');

/* Yumex — display / heading brand font (ExtraBold weight only) */
@font-face {
	font-family: 'Yumex';
	src: url('../fonts/YumexDemo-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Font family tokens shared across all CSS layers */
:root {
	--hypro-font-display: 'Yumex', sans-serif;
	--hypro-font-ui:      'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	--hypro-font-section: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}