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

@layer base {
  :root {
    --background: 40 30% 97%;
    --foreground: 175 30% 12%;
    --card: 0 0% 100%;
    --card-foreground: 175 30% 12%;
    --primary: 173 62% 40%;
    --primary-foreground: 160 60% 98%;
    --secondary: 165 30% 94%;
    --secondary-foreground: 175 30% 12%;
    --muted: 60 20% 95%;
    --muted-foreground: 175 12% 42%;
    --accent: 165 35% 92%;
    --accent-foreground: 175 30% 12%;
    --border: 60 15% 89%;
    --input: 60 15% 89%;
    --ring: 173 62% 40%;
    --warning: 48 96% 89%;
    --warning-foreground: 22 78% 26%;
    --radius: 1rem;
  }
}

@layer base {
  * {
    @apply border-border;
  }

  html {
    font-size: 18px;
  }

  body {
    @apply bg-background text-foreground;
    line-height: 1.6;
  }
}