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

body {
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

@layer base {
  :root {
    --background: 170 43% 95%; /* #F0F8F7 Light Desaturated Teal */
    --foreground: 240 10% 3.9%; /* Default Dark Slate */

    --card: 170 43% 98%; /* Slightly Lighter Teal */
    --card-foreground: 240 10% 3.9%;

    --popover: 170 43% 98%;
    --popover-foreground: 240 10% 3.9%;

    --primary: 111 100% 54%; /* Electric Green */
    --primary-foreground: 111 100% 10%; /* Very Dark Green for contrast on electric green */

    --secondary: 170 25% 75%; /* Lighter, less saturated teal */
    --secondary-foreground: 170 30% 25%; /* Darker teal for text on secondary */

    --muted: 170 35% 88%; /* Muted Teal (lighter than background) */
    --muted-foreground: 240 5% 65%; /* Lighter gray for muted text */

    --accent: 96 35% 47%; /* #70A14F Soft Green */
    --accent-foreground: 96 35% 95%; /* Light Green for text on accent */

    --destructive: 0 72% 51%; /* Standard Red */
    --destructive-foreground: 0 0% 98%; /* White text */

    --border: 170 30% 80%; /* Light Teal border */
    --input: 170 30% 90%; /* Slightly lighter for input background */
    --ring: 111 100% 60%; /* Brighter Electric Green for focus rings */

    --radius: 0.5rem;

    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
  }

  .dark {
    --background: 220 15% 10%; /* Dark Blue/Grey */
    --foreground: 210 20% 98%; /* Light Grey */

    --card: 220 15% 12%; /* Slightly Lighter Dark Blue/Grey */
    --card-foreground: 210 20% 98%;

    --popover: 220 15% 10%;
    --popover-foreground: 210 20% 98%;

    --primary: 111 90% 60%; /* Vibrant Electric Green for Dark Mode */
    --primary-foreground: 111 80% 15%; /* Very Dark Green for text on dark mode primary */

    --secondary: 170 25% 25%; /* Darker, less saturated teal */
    --secondary-foreground: 170 20% 85%; /* Light Teal Text */

    --muted: 220 15% 18%; /* Dark Muted */
    --muted-foreground: 210 15% 65%; /* Lighter Grey for muted text */

    --accent: 96 35% 57%; /* Lighter Soft Green for Dark Mode */
    --accent-foreground: 96 30% 95%; /* Light Green Text */

    --destructive: 0 63% 40%; /* Darker Red */
    --destructive-foreground: 0 0% 98%;

    --border: 215 25% 25%; /* Dark Border */
    --input: 215 25% 22%; /* Dark Input */
    --ring: 111 90% 55%; /* Vibrant Electric Green for dark mode focus rings */

    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    @apply antialiased; /* Added from original layout */
  }
}

@layer utilities {
  .text-shadow-primary {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Dark drop shadow */
  }
}