@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

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

:root {
  --font-sans: 'DM Sans', sans-serif;
  --font-display: 'Outfit', sans-serif;

  /* Fresh Green & Vibrant Orange Palette */
  --background: 60 30% 98%;      /* Warm white/cream background */
  --foreground: 150 50% 10%;     /* Deep green-black text */
  
  --primary: 142 76% 36%;        /* Fresh Leaf Green */
  --primary-foreground: 0 0% 100%;
  
  --secondary: 34 100% 96%;      /* Very light orange/cream */
  --secondary-foreground: 24 95% 53%; /* Vibrant Orange text */
  
  --muted: 150 20% 96%;
  --muted-foreground: 150 10% 40%;
  
  --accent: 24 95% 53%;          /* Carrot Orange */
  --accent-foreground: 0 0% 100%;
  
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;

  --border: 150 20% 90%;
  --input: 150 20% 90%;
  --ring: 142 76% 36%;
  
  --radius: 1rem;
}

.dark {
  /* Dark mode is less priority for food apps but defined for safety */
  --background: 150 50% 5%;
  --foreground: 60 30% 98%;
  
  --primary: 142 76% 45%;
  --primary-foreground: 0 0% 100%;
  
  --secondary: 150 30% 10%;
  --secondary-foreground: 60 30% 98%;
  
  --muted: 150 30% 10%;
  --muted-foreground: 150 20% 60%;
  
  --accent: 24 95% 53%;
  --accent-foreground: 0 0% 100%;
  
  --destructive: 0 62% 30%;
  --destructive-foreground: 0 0% 100%;
  
  --border: 150 30% 15%;
  --input: 150 30% 15%;
  --ring: 142 76% 45%;
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-sans antialiased selection:bg-accent selection:text-white;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    @apply tracking-tight font-bold;
  }
}

.glass-card {
  @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl;
}

.text-gradient {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent;
}
