:root {
	/* ===== COLOR SYSTEM - GREEN GRADIENT PROGRESSION ===== */
	/* Primary Green Shades - Light to Dark */
	--green-50: #E8F5E9; /* Lightest - Hero section */
	--green-100: #C8E6C9; /* Very light */
	--green-200: #A5D6A7; /* Light - Upper sections */
	--green-300: #81C784; /* Medium-light */
	--green-400: #66BB6A; /* Medium - Mid sections */
	--green-500: #4CAF50; /* Base green */
	--green-600: #43A047; /* Medium-dark */
	--green-700: #388E3C; /* Dark - Lower sections */
	--green-800: #2E7D32; /* Darker - Footer area */
	--green-900: #1B5E20; /* Darkest - Deep accents */
	/* Accent Greens */
	--green-accent-light: #76FF03; /* Bright accent for CTAs */
	--green-accent-neon: #00E676; /* Neon data visualization accent */
	/* Neutral Colors */
	--white: #FFFFFF;
	--off-white: #FAFAFA;
	--gray-50: #F5F5F5;
	--gray-100: #EEEEEE;
	--gray-200: #E0E0E0;
	--gray-300: #BDBDBD;
	--gray-400: #9E9E9E;
	--gray-500: #757575;
	--gray-600: #616161;
	--gray-700: #424242;
	--gray-800: #212121;
	--gray-900: #0A0A0A;
	--black: #000000;
	/* Semantic Colors */
	--text-primary: var(--gray-900);
	--text-secondary: var(--gray-700);
	--text-tertiary: var(--gray-500);
	--text-on-dark: var(--white);
	--text-on-green: var(--white);
	/* Background Gradients - Subtle, medical-grade */
	--gradient-hero: linear-gradient(135deg, var(--green-50) 0%, var(--white) 100%);
	--gradient-accent: linear-gradient(135deg, var(--green-600) 0%, var(--green-700) 100%);
	--gradient-footer: linear-gradient(135deg, var(--green-800) 0%, var(--green-900) 100%);
	/* Section Backgrounds - Clean medical aesthetic */
	--bg-primary: var(--white);
	--bg-secondary: var(--off-white);
	--bg-accent-light: #F1F8E9; /* Very subtle green tint */
	--bg-accent: var(--green-50);
	--bg-nav: var(--green-700);
	--bg-footer: var(--green-900);
	/* ===== TYPOGRAPHY ===== */
	/* Font Families */
	--font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-mono: 'JetBrains Mono', 'Courier New', monospace;
	/* Font Sizes */
	--text-xs: 0.75rem; /* 12px */
	--text-sm: 0.875rem; /* 14px */
	--text-base: 1rem; /* 16px */
	--text-lg: 1.125rem; /* 18px */
	--text-xl: 1.25rem; /* 20px */
	--text-2xl: 1.5rem; /* 24px */
	--text-3xl: 1.875rem; /* 30px */
	--text-4xl: 2.25rem; /* 36px */
	--text-5xl: 3rem; /* 48px */
	--text-6xl: 3.75rem; /* 60px */
	--text-7xl: 4.5rem; /* 72px */
	/* Font Weights */
	--font-light: 300;
	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	/* Line Heights */
	--leading-tight: 1.2;
	--leading-normal: 1.5;
	--leading-relaxed: 1.75;
	/* ===== SPACING ===== */
	--space-1: 0.25rem; /* 4px */
	--space-2: 0.5rem; /* 8px */
	--space-3: 0.75rem; /* 12px */
	--space-4: 1rem; /* 16px */
	--space-5: 1.25rem; /* 20px */
	--space-6: 1.5rem; /* 24px */
	--space-8: 2rem; /* 32px */
	--space-10: 2.5rem; /* 40px */
	--space-12: 3rem; /* 48px */
	--space-16: 4rem; /* 64px */
	--space-20: 5rem; /* 80px */
	--space-24: 6rem; /* 96px */
	--space-32: 8rem; /* 128px */
	/* ===== LAYOUT ===== */
	--container-max: 1200px;
	--container-wide: 1400px;
	--container-narrow: 900px;
	/* ===== BORDERS & RADIUS ===== */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-2xl: 24px;
	--radius-full: 9999px;
	/* ===== SHADOWS ===== */
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	/* ===== TRANSITIONS ===== */
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;
	--transition-slow: 350ms ease;
	--transition-slower: 500ms ease;
	/* ===== Z-INDEX LAYERS ===== */
	--z-base: 1;
	--z-dropdown: 100;
	--z-sticky: 200;
	--z-fixed: 300;
	--z-modal: 400;
	--z-popover: 500;
	--z-tooltip: 600;
}

/* ===== DARK MODE (Optional for future) ===== */
@media (prefers-color-scheme: dark) {
	:root {
		/* Could implement dark mode variants here if needed */
	}
}
