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

@layer base {
  :root {
    --stroke: #58e858f9;

    --error:0 100% 44%;
    --background: 0 0% 100%;
    --foreground: 20 14.3% 4.1%;
    --primary: 24.6 95% 53.1%;
    --primary-foreground: 60 9.1% 97.8%;
    --secondary: 60 4.8% 95.9%;
    --secondary-foreground: 24 9.8% 10%;
    --accent: 60 4.8% 95.9%;
    --accent-foreground: 24 9.8% 10%;
    --border: 20 5.9% 90%;
    --input: 20 5.9% 90%;
    --radius: 0.5rem;
  }

  .dark  {
    --stroke: #58e858f9;

    --error:360 100% 39%; 
    --background: 0 0% 100%;
    --foreground: 20 14.3% 4.1%;
    --primary: 24.6 95% 53.1%;
    --primary-foreground: 60 9.1% 97.8%;
    --secondary: 60 4.8% 95.9%;
    --secondary-foreground: 24 9.8% 10%;
    --accent: 60 4.8% 95.9%;
    --accent-foreground: 24 9.8% 10%;
    --border: 20 5.9% 90%;
    --input: 20 5.9% 90%;
    --radius: 0.5rem;
  }
}
 
@layer base {
  * {
    @apply border-border;
    
  }
  body {
    @apply bg-background text-foreground;
  }
}