/* Map common Google families to local/system fonts so existing font-family rules still work */
@font-face {
	font-family: 'Roboto';
	src: local('Roboto'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: local('Montserrat'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	src: local('Raleway'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: local('Oswald'), local('Arial Black'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Rubik';
	src: local('Rubik'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Work Sans';
	src: local('Work Sans'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'PT Sans';
	src: local('PT Sans'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Red Hat Display';
	src: local('Red Hat Display'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Exo';
	src: local('Exo'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Exo 2';
	src: local('Exo 2'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Gruppo';
	src: local('Gruppo'), local('Trebuchet MS'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Philosopher';
	src: local('Philosopher'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Khand';
	src: local('Khand'), local('Segoe UI'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Archivo Narrow';
	src: local('Archivo Narrow'), local('Arial Narrow'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Jockey One';
	src: local('Jockey One'), local('Impact'), local('Arial Black');
	font-display: swap;
}
/* Serif families */
@font-face {
	font-family: 'Merriweather';
	src: local('Merriweather'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src: local('Playfair Display'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Lora';
	src: local('Lora'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Oranienbaum';
	src: local('Oranienbaum'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Cantata One';
	src: local('Cantata One'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: local('Roboto Slab'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Slabo 27px';
	src: local('Slabo 27px'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Cardo';
	src: local('Cardo'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Mono';
	src: local('IBM Plex Mono'), local('Consolas'), local('Menlo'), local('Monaco'), local('Courier New');
	font-display: swap;
}

@font-face {
	font-family: 'Special Elite';
	src: local('Special Elite'), local('Courier New'), local('Georgia'), local('Times New Roman');
	font-display: swap;
}

@font-face {
	font-family: 'Bangers';
	src: local('Bangers'), local('Impact'), local('Arial Black'), local('Arial');
	font-display: swap;
}

@font-face {
	font-family: 'Press Start 2P';
	src: local('Press Start 2P'), local('Lucida Console'), local('Courier New'), monospace;
	font-display: swap;
}

@font-face {
	font-family: 'Alex Brush';
	src: local('Alex Brush'), local('Brush Script MT'), local('Segoe Script'), cursive;
	font-display: swap;
}

@font-face {
	font-family: 'Allison';
	src: local('Allison'), local('Brush Script MT'), local('Segoe Script'), cursive;
	font-display: swap;
}

@font-face {
	font-family: 'Bonheur Royale';
	src: local('Bonheur Royale'), local('Brush Script MT'), local('Segoe Script'), cursive;
	font-display: swap;
}

@font-face {
	font-family: 'Caramel';
	src: local('Caramel'), local('Brush Script MT'), local('Segoe Script'), cursive;
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	src: local('Dancing Script'), local('Brush Script MT'), local('Segoe Script'), cursive;
	font-display: swap;
}

@font-face {
	font-family: 'Road Rage';
	src: local('Road Rage'), local('Impact'), local('Arial Black'), local('Arial');
	font-display: swap;
}

/* Optional: set a sane base stack so first paint is always instant */
html, body {
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}