@font-face {
	font-family: 'IBMPlexSans Condensed Light';
	font-display: swap;
	src: url('/fonts/IBMPlexSansCondensed-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'IBMPlexSans Condensed';
	font-display: swap;
	src: url('/fonts/IBMPlexSansCondensed-Medium.ttf') format('truetype');
}

:root {
	--color-primary: #994b1e;
	--color-secondary: #6a7f2a;
	--color-background: #f1e8dc;
	--color-surface: #f2eae3;
	--color-surface-alt: #ddcdbe;
	--color-text: #884718;
	--color-text-soft: #884718a6;
	--color-border: #8847182e;
	--color-border-strong: #88471847;
	--color-overlay: #8847180d;
	--color-shadow-soft: #2e17072d;
	--color-link: #59b2d3;
	
	--global-font: 'IBMPlexSans Condensed Light', sans-serif;
	--global-font-title: 'IBMPlexSans Condensed', sans-serif;
}

:root.dark {
	--color-primary: #994b1e;
	--color-secondary: #6a7f2a;
	--color-background: #2c241e;
	--color-surface: #412e20;
	--color-surface-alt: #4d3e2f;
	--color-text: #dbad70;
	--color-text-soft: #d39e59d6;
	--color-border: #d39e592e;
	--color-border-strong: #d39e5947;
	--color-overlay: #d39e590d;
	--color-shadow-soft: #00000066;
	--color-link: #73c9eb;
}

body {
	margin: 0;
	padding: 0;
	
	color: var(--color-text);
	font-family: var(--global-font);
	background: var(--color-background);
}