[data-theme="black"] {
  --background: 220 38% 3%;
  --foreground: 210 20% 96%;
  --card: 220 30% 6%;
  --card-foreground: 210 20% 96%;
  --popover: 220 30% 6%;
  --popover-foreground: 210 20% 96%;
  --primary: 213 100% 52%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 24% 10%;
  --secondary-foreground: 210 18% 90%;
  --muted: 220 20% 9%;
  --muted-foreground: 215 12% 60%;
  --accent: 213 100% 52%;
  --accent-foreground: 0 0% 100%;
  --border: 220 18% 16%;
  --input: 220 18% 16%;
  --ring: 213 100% 52%;
  --sidebar-background: 220 42% 2%;
  --sidebar-foreground: 210 20% 96%;
  --sidebar-primary: 213 100% 52%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 220 24% 9%;
  --sidebar-accent-foreground: 210 18% 90%;
  --sidebar-border: 220 18% 14%;
  --sidebar-ring: 213 100% 52%;
  --surface: var(--card);
  --surface-elevated: 220 28% 8%;
  --text-primary: var(--foreground);
  --text-secondary: var(--muted-foreground);
}