:root {
	/* Orange Theme Palette */
	--primary: #f97316;
	--primary-hover: #ea580c;
	--primary-light: #ffedd5;
	--primary-bg: #f1750015;

	/* Backgrounds & Surfaces */
	--button-bg: #dedede;
	--surface: #eeece7;
	--background: #f5f3ef;
	--bg-glass: rgba(32, 39, 50, 0.7);

	/* Text & Borders */
	--text-main: #000000;
	--text-muted: #575f6b;
	--border: #dedede;

	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;

	--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

:root.dark {
	/* Orange Theme Palette */
	--primary: #f97316;
	--primary-hover: #ea580c;
	--primary-light: #2a2823;
	--primary-bg: #f1750015;

	/* Backgrounds & Surfaces */
	--background: #1f1c18;
	--button-bg: #2a2622;
	--surface: #2a2622;
	--bg-glass: #2A26228E;

	/* Text & Borders */
	--text-main: #f0ebe3;
	--text-muted: #b5ac9d;
	--border: #4a4640;

	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;

	--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}