:root {
	--color-background: #08090b;
	--color-background-soft: #111318;
	--color-surface: #16191f;
	--color-surface-light: #f4f5f7;
	--color-text: #fff;
	--color-text-muted: #a8acb5;
	--color-dark-text: #111318;
	--color-accent: #c7ff3d;
	--color-accent-hover: #b0e932;
	--color-border: rgba(255, 255, 255, 0.1);
	--color-success: #4ade80;
	--color-error: #f87171;

	--font-heading: "Manrope", system-ui, sans-serif;
	--font-body: "Inter", system-ui, sans-serif;

	--text-display: clamp(2.75rem, 5vw + 1rem, 5rem);
	--text-h1: clamp(2.25rem, 4vw + 0.5rem, 3.75rem);
	--text-h2: clamp(1.75rem, 3vw + 0.5rem, 2.75rem);
	--text-h3: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
	--text-body-lg: clamp(1.0625rem, 1vw + 0.5rem, 1.25rem);
	--text-body: clamp(0.9375rem, 0.5vw + 0.75rem, 1.0625rem);
	--text-small: clamp(0.8125rem, 0.25vw + 0.7rem, 0.875rem);
	--text-label: 0.75rem;
	--text-button: 0.9375rem;

	--container-max: 1280px;
	--container-padding: clamp(1.25rem, 4vw, 2.5rem);
	--section-spacing: clamp(4rem, 8vw, 7.5rem);
	--radius-sm: 0.5rem;
	--radius-md: 1rem;
	--radius-lg: 1.5rem;
	--radius-xl: 2rem;

	--shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.25);
	--shadow-md: 0 12px 40px rgba(0, 0, 0, 0.35);
	--shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);

	--header-height: 5rem;
	--announcement-height: 2.75rem;
	--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--z-header: 100;
	--z-mobile-nav: 200;
	--z-whatsapp: 90;
	--z-sticky-cta: 95;
	--z-modal: 300;
}