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

@layer base {
  :root {
    --background: 39.68 0.14% 98.5%;
    --foreground: 41.05 1.6% 16.5%;
    --card: 0 0% 100%;
    --card-foreground: 41.05 1.6% 16.5%;
    --popover: 0 0% 100%;
    --popover-foreground: 41.05 1.6% 16.5%;
    --primary: 207.08 60% 75%;
    --primary-foreground: 0 0% 0%;
    --secondary: 29.29 70% 60%;
    --secondary-foreground: 0 0% 0%;
    --muted: 40.41 3% 96%;
    --muted-foreground: 43.48 3% 35%;
    --accent: 40.41 3% 96%;
    --accent-foreground: 41.05 1.6% 16.5%;
    --destructive: 27.325 70% 45%;
    --destructive-foreground: 0 0% 100%;
    --border: 40.62 2% 90%;
    --input: 41.1 2% 85%;
    --ring: 207.08 60% 75%;
    --radius: 1rem;
  }

  .dark {
    --background: 39.55 3% 9%;
    --foreground: 40.62 2% 90%;
    --card: 40.86 2% 13%;
    --card-foreground: 40.62 2% 90%;
    --popover: 40.86 2% 13%;
    --popover-foreground: 40.62 2% 90%;
    --primary: 207.08 60% 75%;
    --primary-foreground: 0 0% 0%;
    --secondary: 29.29 70% 60%;
    --secondary-foreground: 0 0% 0%;
    --muted: 41.05 1.6% 16.5%;
    --muted-foreground: 41.1 2% 85%;
    --accent: 41.05 1.6% 16.5%;
    --accent-foreground: 40.62 2% 90%;
    --destructive: 22.216 65% 55%;
    --destructive-foreground: 0 0% 100%;
    --border: 41.05 1.6% 16.5%;
    --input: 42.7 3% 23%;
    --ring: 207.08 60% 75%;
  }
}

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