/* --- CORE VARIABLES --- */
:root {
	--main-dark: #3b3d41; /* pantone: black-beauty */
	--main-light: #eef0f2; /* pantone: brilliant-white */
	--main-primary: #ffd500; /* pantone: cyber-yellow */
	--main-secondary: #9569a3; /* pantone: bellflower */

	/* Theme Variables (Default Light) */
	--background-color: var(--main-light);
	--text-color: var(--main-dark);
	--border-color: var(--main-dark);

	/* Branding Colors (Default Light) */
	--logo-primary: var(--main-secondary);
	--logo-accent: var(--main-dark);
}

html.dark,
.dark {
	/* Theme Overrides (Dark Theme) */
	--background-color: var(--main-dark);
	--text-color: var(--main-light);
	--border-color: var(--main-light);

	/* Branding Colors (Dark Theme) */
	--logo-primary: var(--main-primary);
	--logo-accent: var(--main-light);
}