:root{--color-primary: #3860a0;--color-primary-light: var(--color-primary-light, rgb(124, 196, 248));--color-dark: var(--color-bg-base, rgb(0, 0, 0));--color-light: var(--color-text-primary, rgb(255, 255, 255));--color-bg-dark-1: var(--color-bg-card, rgb(30, 30, 30));--color-bg-dark-2: var(--color-bg-elevated, rgb(44, 44, 44));--color-bg-dark-3: var(--color-bg-muted, rgb(56, 56, 56));--color-text-gray: var(--color-bg-subtle, rgb(68, 68, 68));--color-overlay-1: var(--color-text-muted, rgba(255, 255, 255, .4));--color-overlay-2: var(--color-text-secondary, rgba(255, 255, 255, .9));--font-primary: var(--font-family-primary, Inter, ui-sans-serif, system-ui, sans-serif);--spacing-xs: var(--spacing-1, 4px);--spacing-sm: var(--spacing-2, 8px);--spacing-md: var(--spacing-4, 16px);--spacing-lg: var(--spacing-6, 24px);--spacing-xl: var(--spacing-8, 32px);--spacing-2xl: var(--spacing-12, 48px);--spacing-3xl: var(--spacing-16, 64px);--radius-sm: var(--radius-sm, 4px);--radius-md: var(--radius-lg, 8px);--radius-lg: var(--radius-xl, 12px);--radius-full: var(--radius-full, 9999px);--shadow-md: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .4));--shadow-lg: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .5));--transition-fast: var(--transition-fast, .15s ease);--transition-normal: var(--transition-base, .2s ease);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--background: var(--color-bg-base);--background-elevated: var(--color-bg-card);--border: var(--border-color);--primary: var(--color-primary);--success: var(--color-success, #16a34a)}