/* ===================== Root Variables: Theme Colors ===================== */
:root {
	/* ----- Primary & Secondary Colors ----- */
	--color-primary: #ff5e14;       /* Bright orange (Primary color) */
	--color-secondary: #152332;     /* Deep navy blue (Secondary background color) */
	--color-hover: #ff8022;         /* Hover effect color */

	/* ----- Primary Color Opacity Variants ----- */
	--rgba-primary-1: rgba(255, 94, 20, 0.1);
	--rgba-primary-2: rgba(255, 94, 20, 0.2);
	--rgba-primary-3: rgba(255, 94, 20, 0.3);
	--rgba-primary-4: rgba(255, 94, 20, 0.4);
	--rgba-primary-5: rgba(255, 94, 20, 0.5);
	--rgba-primary-6: rgba(255, 94, 20, 0.6);
	--rgba-primary-7: rgba(255, 94, 20, 0.7);
	--rgba-primary-8: rgba(255, 94, 20, 0.8);
	--rgba-primary-9: rgba(255, 94, 20, 0.9);

	/* ----- Text Color ----- */
	--text-sec: #2d3239;            /* Secondary text color */
}