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

body {
  font-family: Arial, Helvetica, sans-serif;
}

@layer base {
  :root {
    --background: 210 40% 12%;
    --foreground: 40 5% 95%;
    --card: 210 40% 15%;
    --card-foreground: 40 5% 95%;
    --popover: 210 40% 12%;
    --popover-foreground: 40 5% 95%;
    --primary: 142 76% 36%;
    --primary-foreground: 40 5% 95%;
    --secondary: 210 40% 20%;
    --secondary-foreground: 40 5% 95%;
    --muted: 210 40% 20%;
    --muted-foreground: 40 5% 65%;
    --accent: 25 95% 53%;
    --accent-foreground: 40 5% 95%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 40 5% 95%;
    --border: 210 40% 25%;
    --input: 210 40% 25%;
    --ring: 142 76% 46%;
    --chart-1: 142 76% 36%;
    --chart-2: 25 95% 53%;
    --chart-3: 40 90% 55%;
    --chart-4: 200 80% 50%;
    --chart-5: 300 75% 55%;
    --radius: 0.5rem;
    --sidebar-background: 210 40% 10%;
    --sidebar-foreground: 40 5% 95%;
    --sidebar-primary: 142 76% 36%;
    --sidebar-primary-foreground: 40 5% 95%;
    --sidebar-accent: 210 40% 18%;
    --sidebar-accent-foreground: 40 5% 95%;
    --sidebar-border: 210 40% 25%;
    --sidebar-ring: 142 76% 46%;
  }
  .dark {
    --background: 210 40% 12%;
    --foreground: 40 5% 95%;
    --card: 210 40% 15%;
    --card-foreground: 40 5% 95%;
    --popover: 210 40% 12%;
    --popover-foreground: 40 5% 95%;
    --primary: 142 76% 36%;
    --primary-foreground: 40 5% 95%;
    --secondary: 210 40% 20%;
    --secondary-foreground: 40 5% 95%;
    --muted: 210 40% 20%;
    --muted-foreground: 40 5% 65%;
    --accent: 25 95% 53%;
    --accent-foreground: 40 5% 95%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 40 5% 95%;
    --border: 210 40% 25%;
    --input: 210 40% 25%;
    --ring: 142 76% 46%;
    --chart-1: 142 76% 36%;
    --chart-2: 25 95% 53%;
    --chart-3: 40 90% 55%;
    --chart-4: 200 80% 50%;
    --chart-5: 300 75% 55%;
    --sidebar-background: 210 40% 10%;
    --sidebar-foreground: 40 5% 95%;
    --sidebar-primary: 142 76% 36%;
    --sidebar-primary-foreground: 40 5% 95%;
    --sidebar-accent: 210 40% 18%;
    --sidebar-accent-foreground: 40 5% 95%;
    --sidebar-border: 210 40% 25%;
    --sidebar-ring: 142 76% 46%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}