:root{--color-bg: var(--background);--color-surface: var(--card);--color-surface-elevated: var(--popover);--color-text: var(--foreground);--color-text-mute: var(--muted-foreground);--color-text-weak: var(--muted-foreground);--color-divider: var(--muted);--color-primary-dk: var(--primary);--color-primary-soft: color-mix( in srgb, var(--primary) 12%, var(--background) );--color-success: #059669;--color-warning: #b45309;--color-danger: #dc2626;--color-info: #0284c7;--text-display-1: 3.5rem;--text-display-1--line-height: 1.1;--text-display-2: 2.5rem;--text-display-2--line-height: 1.15;--text-display-3: 2rem;--text-display-3--line-height: 1.2;--text-h1: 2rem;--text-h1--line-height: 1.2;--text-h2: 1.5rem;--text-h2--line-height: 1.3;--text-h3: 1.25rem;--text-h3--line-height: 1.4;--text-body-lg: 1.125rem;--text-body-lg--line-height: 1.6;--text-body: 1rem;--text-body--line-height: 1.6;--text-body-sm: .875rem;--text-body-sm--line-height: 1.5;--text-caption: .75rem;--text-caption--line-height: 1.4}