html:root, html:root.dark {
  --background: 60 2.4% 8%;
  --foreground: 50 15% 92.2%;
  --card: 60 3.7% 10.6%;
  --card-foreground: 50 15% 92.2%;
  --popover: 60 4.6% 12.7%;
  --popover-foreground: 50 15% 92.2%;
  --primary: 18.9 100% 62%;
  --primary-foreground: 20 85.7% 5.5%;
  --secondary: 60 4.5% 13.1%;
  --secondary-foreground: 50 15% 92.2%;
  --muted: 60 4.5% 13.1%;
  --muted-foreground: 48 5.3% 63.1%;
  --accent: 60 4.2% 13.9%;
  --accent-foreground: 50 15% 92.2%;
  --destructive: 358.1 75.1% 59%;
  --destructive-foreground: 50 15% 92.2%;
  --border: 48 5.7% 17.1%;
  --input: 50 5.2% 22.7%;
  --ring: 18.9 100% 62%;
}
html, body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); }