:root {
	--color-brand: #ffb900;
	--color-brand-light: #ffd45a;
	--color-brand-dark: #e5a400;
	--color-text: #2d2d2d;
	--color-white: #ffffff;
	--color-black: #0f0f0f;
	--color-gray-900: #1a1a1a;
	--color-gray-700: #444444;
	--color-gray-500: #777777;
	--color-gray-200: #eaeaea;
	--color-gray-100: #f6f6f6;
	--font-primary: "Manrope", Arial, sans-serif;
	--container-width: 1440px;
	--container-gutter: clamp(18px, 5vw, 32px);
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--shadow-soft: 0 20px 60px rgba(15, 15, 15, 0.08);
	--shadow-card: 0 16px 42px rgba(15, 15, 15, 0.1);
	--transition-base: 180ms ease;
	--transition-reveal: 600ms cubic-bezier(0.22, 1, 0.36, 1);
}