:root {
	--cp-bg: #050505;
	--cp-bg-alt: #0a0a0a;
	--cp-bg-alt-2: #070907;
	--cp-surface: rgba(255, 255, 255, 0.035);
	--cp-surface-soft: rgba(255, 255, 255, 0.012);
	--cp-border: rgba(255, 255, 255, 0.08);
	--cp-border-soft: rgba(255, 255, 255, 0.07);

	--cp-accent: #58d36b;
	--cp-accent-bright: #4dff82;
	--cp-accent-dark: #3ba854;
	--cp-accent-ink: #04120a;
	--cp-accent-border: rgba(88, 211, 107, 0.3);

	--cp-text: #ffffff;
	--cp-text-muted: #bdbdbd;
	--cp-text-dim: #8a8a8a;
	--cp-text-faint: #6e6e6e;

	--cp-font-heading: 'Sora', sans-serif;
	--cp-font-body: 'Manrope', sans-serif;

	--cp-radius-pill: 100px;
	--cp-radius-lg: 20px;
	--cp-radius-md: 14px;

	--cp-max-width: 1320px;
	--cp-gutter: 40px;

	--cp-shadow-glow: 0 8px 32px rgba(88, 211, 107, 0.28);
}

@media (max-width: 782px) {
	:root {
		--cp-gutter: 20px;
	}
}