/* CadraOS Default Theme — Dark-first cyan/teal tech aesthetic
 * Space Grotesk + JetBrains Mono. Cyan glow accents on deep navy.
 */

:root {
  --background: 220 20% 4%;
  --foreground: 200 20% 92%;

  --card: 220 18% 7%;
  --card-foreground: 200 20% 92%;

  --popover: 220 18% 7%;
  --popover-foreground: 200 20% 92%;

  --primary: 174 72% 52%;
  --primary-foreground: 220 20% 4%;

  --secondary: 220 14% 12%;
  --secondary-foreground: 200 15% 75%;

  --muted: 220 14% 10%;
  --muted-foreground: 215 12% 50%;

  --accent: 174 72% 52%;
  --accent-foreground: 220 20% 4%;

  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;

  --border: 220 14% 14%;
  --input: 220 14% 14%;
  --ring: 174 72% 52%;

  --radius: 0.75rem;

  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 240 5.9% 10%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 217.2 91.2% 59.8%;

  /* Custom tokens */
  --glow: 174 72% 52%;
  --glow-muted: 174 50% 30%;
  --surface: 220 16% 8%;
  --surface-hover: 220 14% 11%;
  --code-bg: 220 20% 6%;
  --gradient-start: 174 72% 52%;
  --gradient-end: 199 89% 48%;
}

.dark {
  --sidebar-background: 240 5.9% 10%;
  --sidebar-foreground: 240 4.8% 95.9%;
  --sidebar-primary: 224.3 76.3% 48%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 3.7% 15.9%;
  --sidebar-accent-foreground: 240 4.8% 95.9%;
  --sidebar-border: 240 3.7% 15.9%;
  --sidebar-ring: 217.2 91.2% 59.8%;
}