:root{--primary-color: #0066cc;--primary-light: #f0f8ff;--primary-dark: #004a99;--secondary-color: #764ba2;--accent-color: #00A300;--text-color: #333;--text-secondary: #495057;--text-light: #6c757d;--border-color: #e1e5e9;--bg-color: #f8f9fa;--bg-secondary: #fff;--success-color: #155724;--success-bg: #d4edda;--success-border: #c3e6cb;--danger-color: #721c24;--danger-bg: #f8d7da;--danger-border: #f5c6cb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-width: 1px;--border: var(--border-width) solid var(--border-color);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.2);--transition-fast: all 0.2s ease;--transition-medium: all 0.3s ease;--z-index-dropdown: 100;--z-index-modal: 1000}