:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #456;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-400: #40bcf4;--color-blue-500: #2084c8;--color-blue-600: #0d6ba3;--color-green-500: #10b981;--color-red-500: #ef4444;--color-yellow-500: #f59e0b;--color-brand-400: #40bcf4;--color-brand-500: #0ea5e9;--color-brand-600: #0284c7;--color-bg-body: var(--color-gray-900);--color-bg-surface: var(--color-gray-800);--color-bg-elevated: var(--color-gray-750);--color-bg-overlay: rgba(0, 0, 0, .8);--color-bg-card: var(--color-gray-800);--color-bg-button: var(--color-brand-500);--color-bg-button-secondary: var(--color-gray-700);--color-bg-input: var(--color-gray-800);--color-bg-dropdown: var(--color-gray-800);--color-bg-tooltip: var(--color-gray-700);--color-text-body: var(--color-gray-100);--color-text-heading: var(--color-gray-50);--color-text-secondary: var(--color-gray-400);--color-text-muted: var(--color-gray-500);--color-text-placeholder: var(--color-gray-500);--color-text-on-primary: white;--color-text-on-secondary: var(--color-gray-100);--color-text-on-accent: white;--color-border-primary: var(--color-gray-600);--color-border-secondary: var(--color-gray-700);--color-border-accent: var(--color-brand-500);--color-border-focus: var(--color-brand-400);--color-border-divider: var(--color-gray-700);--color-state-hover: rgba(255, 255, 255, .05);--color-state-active: rgba(255, 255, 255, .1);--color-state-selected: rgba(59, 130, 246, .1);--color-state-disabled: var(--color-gray-600);--color-state-focus-ring: var(--color-brand-400);--color-success: var(--color-green-500);--color-warning: var(--color-yellow-500);--color-error: var(--color-red-500);--color-info: var(--color-brand-500);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px}