:root {
	--color-primary: #69bf3a;
	--color-primary-dark: #408f1d;
	--color-secondary: #71caf4;
	--color-secondary-dark: #1689c0;
	--color-white: #ffffff;
	--color-black: #111111;
	--color-text: #111111;
	--color-muted-text: #555555;
	--color-surface: #f6faf4;
	--color-surface-blue: #eff9fe;
	--color-border: #dce6d8;
	--font-body: Inter, "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
	--font-heading: "Hanken Grotesk", Inter, "Noto Sans Arabic", "Segoe UI", Arial, sans-serif;
	--font-size-xs: .75rem;
	--font-size-sm: .875rem;
	--font-size-body: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-card: clamp(1.15rem, 2vw, 1.5rem);
	--font-size-section: clamp(1.9rem, 4vw, 3rem);
	--font-size-page: clamp(2.25rem, 5vw, 4rem);
	--font-size-hero: clamp(2.5rem, 6vw, 5rem);
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-bold: 700;
	--weight-extra: 800;
	--line-tight: 1.08;
	--line-heading: 1.2;
	--line-body: 1.65;
	--space-1: .5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2rem;
	--space-5: 3rem;
	--space-6: 4rem;
	--section-space: clamp(4rem, 8vw, 6.5rem);
	--container: 80rem;
	--content: 52rem;
	--gutter: clamp(1rem, 4vw, 4rem);
	--radius-sm: .25rem;
	--radius-md: .5rem;
	--radius-lg: 1rem;
	--radius-xl: 1.5rem;
	--radius-round: 999px;
	--border: 1px solid var(--color-border);
	--shadow-sm: 0 4px 18px rgba(17, 17, 17, .06);
	--shadow-lg: 0 24px 60px rgba(17, 17, 17, .16);
	--transition: 180ms ease;
	--z-header: 100;
	--z-overlay: 90;
	--breakpoint-sm: 30rem;
	--breakpoint-md: 48rem;
	--breakpoint-lg: 64rem;
	--breakpoint-xl: 80rem;
}