/* === Light Mode Defaults === */

	:root {
		--background: #f4f7f6;
		--background-alt: #ffffff;
		--foreground: #333333;
		--foreground-alt: #666666;
		--accent: #4f46e5;
		/* Indigo */
		--accent-hover: #6366f1;
		--border: #e0e0e0;
	}
	/* === Dark Mode Overrides === */

	@media (prefers-color-scheme: dark) {
		:root {
			--background: #1a1b26;
			--background-alt: #24283b;
			--foreground: #c0caf5;
			--foreground-alt: #9aa5ce;
			--accent: #7aa2f7;
			/* A lighter, brighter indigo for dark mode */
			--accent-hover: #9bb8f8;
			--border: #414868;
		}
	}
	/* === Custom Button Hover Fix === */

	.button:hover {
		color: var(--background);
	}