:root {
	--color-primary: #F8791A;
	--color-primary-dark: #C2470A;
	--color-yellow: #FFB347;
	--color-yellow-dark: #E8A028;
	--color-orange: #F8791A;
	--color-navy: #17151C;
	--color-bg: #F5F7FA;
	--color-white: #FFFFFF;
	--color-text: #1F2933;
	--color-text-muted: #52606D;
	--color-border: #DCE3EA;

	--font-heading: "Poppins", "Segoe UI", Arial, sans-serif;
	--font-body: "Inter", "Segoe UI", Arial, sans-serif;

	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	--shadow-sm: 0 2px 8px rgba(23, 21, 28, 0.08);
	--shadow-md: 0 8px 24px rgba(23, 21, 28, 0.12);
	--shadow-lg: 0 20px 48px rgba(23, 21, 28, 0.16);
	--color-navy-deep: #0D0C10;
	--color-offwhite: #D6D0C8;
	--gloss-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0) 45%);
	--bevel-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	--bevel-shadow: inset 0 -2px 0 rgba(23, 21, 28, 0.18);
	--color-focus-ring: rgba(248, 121, 26, 0.55);

	--container-width: 1180px;
	--space-1: 8px;
	--space-2: 16px;
	--space-3: 24px;
	--space-4: 40px;
	--space-5: 64px;
	--space-6: 96px;
}