@import '@fontsource/inter/300.css';
@import '@fontsource/inter/400.css';
@import '@fontsource/inter/500.css';
@import '@fontsource/inter/600.css';
@import '@fontsource/inter/700.css';
@import '@fontsource/unifrakturmaguntia/400.css';
@import 'tailwindcss';

@theme {
	--color-parchment: #f5e6c8;
	--color-gold: #c9a84c;
	--color-sepia: #8b6914;
	--color-brown: #4a3728;
	--color-charcoal: #2a1f14;
	--color-forest: #3d4a2e;
	--color-cream: #faf3e3;

	--font-gothic: 'UnifrakturMaguntia', serif;
	--font-sans: 'Inter', system-ui, sans-serif;
}

body {
	font-family: var(--font-sans);
	color: var(--color-brown);
	background-color: var(--color-parchment);
}

button,
[role='button'],
a {
	cursor: pointer;
}
