:root {
  --background: var(--ui-background-primary);
  --foreground: var(--ui-text-primary);
  --card: var(--ui-background-primary);
  --card-foreground: var(--ui-text-primary);
  --popover: var(--ui-background-primary);
  --popover-foreground: var(--ui-text-primary);
  --primary: var(--ui-primary);
  --primary-foreground: var(--ui-text-primary);
  --secondary: var(--ui-background-secondary);
  --secondary-foreground: var(--ui-text-primary);
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: var(--ui-primary);
  --accent-foreground: var(--ui-text-primary);
  --destructive: var(--ui-destructive);
  --destructive-foreground: var(--ui-text-primary);
  --border: var(--ui-border);
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --radius: 2px;
}