:root {--primary-color: #007bff;--primary-color-hover: #0056b3;--secondary-color: #6c757d;--secondary-color-hover: #545b62;--light-color: #f8f9fa;--dark-color: #343a40;--white-50: rgba(255, 255, 255, 0.5);--white-70: rgba(255, 255, 255, 0.7);--white-80: rgba(255, 255, 255, 0.8);--black-50: rgba(0, 0, 0, 0.5);--black-70: rgba(0, 0, 0, 0.7);--black-80: rgba(0, 0, 0, 0.8);--transparent: transparent;--text-color: #212529;--heading-color: #1a1a1a;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--black: #000000;--border-radius-md: 0.375rem;--border-radius-lg: 0.5rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--white: #ffffff;--border-radius-sm: 0.25rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.03);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 3px 6px -2px rgba(0, 0, 0, 0.04);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, 0.06), 0 6px 12px -3px rgba(0, 0, 0, 0.03);--shadow-xl: 0 25px 30px -8px rgba(0, 0, 0, 0.05), 0 15px 15px -8px rgba(0, 0, 0, 0.02);--spacing-0: 0;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--text-xs: 0.75rem;--text-sm: 0.9rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-40: 10rem;--spacing-48: 12rem;--spacing-56: 14rem;--spacing-64: 16rem;--max-width-600: 600px;--max-width-800: 800px;--max-width-900: 900px;--max-width-1000: 1000px;--max-width-1100: 1100px;--max-width-1200: 1200px;}