@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
  /* Colors */
  --background: 140 20% 98%;
  --foreground: 150 30% 10%;
  --card: 0 0% 100%;
  --card-foreground: 150 30% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 150 30% 10%;
  --primary: 142 64% 38%;
  --primary-foreground: 0 0% 100%;
  --secondary: 140 30% 94%;
  --secondary-foreground: 150 30% 15%;
  --muted: 140 15% 93%;
  --muted-foreground: 150 10% 45%;
  --accent: 85 60% 50%;
  --accent-foreground: 150 30% 10%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 140 20% 90%;
  --input: 140 20% 90%;
  --ring: 142 64% 38%;
  --radius: 0.75rem;

  /* Theme-specific colors */
  --nutrigreen: 142 64% 38%;
  --nutrigreen-light: 140 50% 95%;
  --nutrigreen-dark: 142 70% 25%;
  --nutrilime: 85 60% 50%;
  --nutrileaf: 160 40% 45%;

  /* Fonts */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Shadows */
  --shadow-soft: 0 4px 24px -4px hsl(142 64% 38% / 0.1);
  --shadow-card: 0 8px 32px -8px hsl(150 30% 10% / 0.08);
  --shadow-hero: 0 20px 60px -15px hsl(142 64% 38% / 0.2);

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, hsl(140 50% 95%) 0%, hsl(0 0% 100%) 50%, hsl(85 40% 95%) 100%);
  --gradient-primary: linear-gradient(135deg, hsl(142 64% 38%), hsl(85 60% 50%));
  --gradient-cta: linear-gradient(135deg, hsl(142 64% 38%), hsl(160 40% 45%));
}