:root {
	/* Colors */
	--bauhaus-bg: #F0F0F0;
	--bauhaus-fg: #121212;
	--bauhaus-red: #D02020;
	--bauhaus-blue: #1040C0;
	--bauhaus-yellow: #F0C020;
	--bauhaus-border: #121212;
	--bauhaus-muted: #E0E0E0;

	/* Typography */
	--bauhaus-font: 'Outfit', sans-serif;

	/* Borders */
	--bauhaus-border-mobile: 2px solid var(--bauhaus-border);
	--bauhaus-border-desktop: 4px solid var(--bauhaus-border);

	/* Shadows */
	--bauhaus-shadow-sm: 4px 4px 0px 0px var(--bauhaus-border);
	--bauhaus-shadow-md: 6px 6px 0px 0px var(--bauhaus-border);
	--bauhaus-shadow-lg: 8px 8px 0px 0px var(--bauhaus-border);
}

body {
	background-color: var(--bauhaus-bg);
	color: var(--bauhaus-fg);
	font-family: var(--bauhaus-font);
}

/* Base Utility Classes */
.bauhaus-bg-red { background-color: var(--bauhaus-red) !important; color: white !important; }
.bauhaus-bg-blue { background-color: var(--bauhaus-blue) !important; color: white !important; }
.bauhaus-bg-yellow { background-color: var(--bauhaus-yellow) !important; color: var(--bauhaus-fg) !important; }
.bauhaus-bg-white { background-color: white !important; color: var(--bauhaus-fg) !important; }
.bauhaus-bg-black { background-color: var(--bauhaus-fg) !important; color: white !important; }

.bauhaus-border-thick {
	border: var(--bauhaus-border-desktop) !important;
}

.bauhaus-shadow {
	box-shadow: var(--bauhaus-shadow-lg) !important;
}

.bauhaus-shadow-sm {
	box-shadow: var(--bauhaus-shadow-sm) !important;
}

.bauhaus-font-heading {
	font-family: var(--bauhaus-font);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	line-height: 0.9;
}