: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-750: #2d3748;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-400: #40bcf4;--color-blue-500: #2084c8;--color-blue-600: #0d6ba3;--color-blue-700: #0a558c;--color-green-400: #34d399;--color-green-500: #10b981;--color-green-600: #059669;--color-green-700: #047857;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-yellow-400: #fbbf24;--color-yellow-500: #f59e0b;--color-yellow-600: #d97706;--color-yellow-700: #b45309;--color-brand-400: #40bcf4;--color-brand-500: #0ea5e9;--color-brand-600: #0284c7;--color-brand-700: #0369a1;--color-gold: #FFD700;--color-silver: #C0C0C0;--color-bronze: #CD7F32;--color-bg-main: #14181d;--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-badges: var(--color-gray-600);--color-bg-tertiary: var(--color-gray-700);--color-bg-card: var(--color-gray-800);--color-bg-button: var(--color-brand-500);--color-bg-button-secondary: var(--color-gray-700);--color-bg-button-success: var(--color-green-500);--color-bg-button-warning: var(--color-yellow-500);--color-bg-button-error: var(--color-red-500);--color-bg-input: var(--color-gray-800);--color-bg-dropdown: var(--color-gray-800);--color-bg-tooltip: var(--color-gray-700);--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-text-body: var(--color-gray-100);--color-text-primary: var(--color-gray-50);--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-link: var(--color-brand-400);--color-text-success: var(--color-green-400);--color-text-warning: var(--color-yellow-400);--color-text-error: var(--color-red-400);--color-text-on-primary: white;--color-text-on-secondary: var(--color-gray-100);--color-text-on-accent: white;--color-text-on-success: white;--color-text-on-warning: var(--color-gray-900);--color-text-on-error: 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-border-success: var(--color-green-500);--color-border-warning: var(--color-yellow-500);--color-border-error: var(--color-red-500);--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-state-success: rgba(16, 185, 129, .1);--color-state-warning: rgba(245, 158, 11, .1);--color-state-error: rgba(239, 68, 68, .1);--color-success: var(--color-green-500);--color-success-hover: var(--color-green-600);--color-success-active: var(--color-green-700);--color-warning: var(--color-yellow-500);--color-warning-hover: var(--color-yellow-600);--color-warning-active: var(--color-yellow-700);--color-error: var(--color-red-500);--color-error-hover: var(--color-red-600);--color-error-active: var(--color-red-700);--color-info: var(--color-brand-500);--color-info-hover: var(--color-brand-600);--color-info-active: var(--color-brand-700);--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);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-brand: 0 4px 6px -1px rgba(14, 165, 233, .1), 0 2px 4px -1px rgba(14, 165, 233, .06);--shadow-success: 0 4px 6px -1px rgba(16, 185, 129, .1), 0 2px 4px -1px rgba(16, 185, 129, .06);--shadow-warning: 0 4px 6px -1px rgba(245, 158, 11, .1), 0 2px 4px -1px rgba(245, 158, 11, .06);--shadow-error: 0 4px 6px -1px rgba(239, 68, 68, .1), 0 2px 4px -1px rgba(239, 68, 68, .06);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94);--transition-slow: .6s cubic-bezier(.25, .46, .45, .94);--transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal: 1040;--z-index-popover: 1050;--z-index-tooltip: 1060;--z-index-toast: 1070;--card-padding: var(--space-4);--card-border-radius: var(--radius-lg);--button-height: 40px;--bg-primary: var(--color-bg-main);--bg-secondary: var(--color-bg-surface);--text-primary: var(--color-text-body);--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}