:root{--surface-base:var(--gray-50);--surface-raised:var(--gray-50);--surface-overlay:var(--gray-50);--surface-input:var(--gray-100);--surface-input-hover:var(--gray-200);--surface-sunken:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverted:var(--gray-50);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--interactive-primary:var(--blue-500);--interactive-primary-hover:var(--blue-600);--interactive-primary-active:var(--blue-700);--interactive-primary-text:var(--gray-50);--interactive-secondary:var(--gray-100);--interactive-secondary-hover:var(--gray-200);--interactive-secondary-active:var(--gray-300);--interactive-secondary-text:var(--gray-900);--interactive-destructive:var(--red-500);--interactive-destructive-hover:var(--red-600);--interactive-destructive-text:var(--gray-50);--interactive-success:var(--green-500);--interactive-success-text:var(--gray-50);--ring-focus:var(--blue-500);--chart-1:var(--blue-500);--chart-2:var(--green-500);--chart-3:var(--yellow-500);--chart-4:var(--violet-500);--chart-5:var(--red-500);--background:var(--surface-base);--foreground:var(--text-primary);--card:var(--surface-raised);--card-foreground:var(--text-primary);--popover:var(--surface-overlay);--popover-foreground:var(--text-primary);--primary:var(--interactive-primary);--primary-foreground:var(--interactive-primary-text);--secondary:var(--interactive-secondary);--secondary-foreground:var(--interactive-secondary-text);--muted:var(--surface-sunken);--muted-foreground:var(--text-secondary);--accent:var(--surface-raised);--accent-foreground:var(--text-primary);--destructive:var(--interactive-destructive);--destructive-foreground:var(--interactive-destructive-text);--border:var(--border-subtle);--input:var(--surface-input);--ring:var(--ring-focus);--radius:0.5rem}.dark{--surface-base:var(--gray-950);--surface-raised:var(--gray-900);--surface-overlay:var(--gray-800);--surface-input:var(--gray-800);--surface-input-hover:var(--gray-700);--surface-sunken:var(--gray-950);--text-primary:var(--gray-100);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--text-inverted:var(--gray-900);--border-subtle:var(--gray-700);--border-default:var(--gray-600);--border-strong:var(--gray-500);--interactive-primary:var(--blue-400);--interactive-primary-hover:var(--blue-500);--interactive-primary-active:var(--blue-600);--interactive-primary-text:var(--gray-950);--interactive-secondary:var(--gray-800);--interactive-secondary-hover:var(--gray-700);--interactive-secondary-active:var(--gray-600);--interactive-secondary-text:var(--gray-100);--interactive-destructive:var(--red-500);--interactive-destructive-hover:var(--red-400);--interactive-destructive-text:var(--gray-50);--chart-1:var(--blue-400);--chart-2:var(--green-400);--chart-3:var(--yellow-400);--chart-4:var(--violet-400);--chart-5:var(--red-400)}