:root {
	/* Colors */
	--brand-green: #51736f;
	--header-bg: #f3f5f7;
	--text-dark: #39434d;
	--text-light: #ffffff;
	--muted: #5b6671;
	--pill-gray: #c9ceda;
	--border-light: #e3e7eb;
	--border-gray: #d0d5dd;
	--input-border: #d8dfe6;
	--input-placeholder: #7f8894;
	--button-secondary: #4b5563;
	--form-bg: #f2f4f5;
	--hero-text-secondary: rgba(255, 255, 255, 0.8);
	--hero-subtitle: rgba(255, 255, 255, 0.88);
	
	/* Typography */
	--font-family-primary: "Helvetica Neue", Arial, sans-serif;
	--font-family-display: "Lemon Milk", "Helvetica Neue", Arial, sans-serif;
	--font-family-subtitle: "Brendon", Georgia, serif;
	--font-family-mono: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	
	/* Font weights */
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	
	/* Spacing */
	--spacing-xs: 8px;
	--spacing-sm: 12px;
	--spacing-md: 16px;
	--spacing-lg: 20px;
	--spacing-xl: 24px;
	--spacing-2xl: 32px;
	--spacing-3xl: 48px;
	
	/* Layout */
	--header-height: 96px;
	--hero-height: calc(100dvh - var(--header-height));
	--hero-height-fallback: calc(100vh - var(--header-height));
	--container-max-width: 1200px;
	--container-padding: var(--spacing-xl);
	
	/* Border radius */
	--radius-sm: 3px;
	--radius-md: 10px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-full: 9999px;
	
	/* Shadows */
	--shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.04);
	--shadow-md: 0 3px 3px rgba(0, 0, 0, 0.2);
	--shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.08);
	
	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-medium: 0.3s ease;
	
	/* Z-index scale */
	--z-header: 10;
	--z-dropdown: 99999;
	--z-modal: 100000;
}