@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 220 13% 18%;--card: 0 0% 100%;--card-foreground: 220 13% 18%;--popover: 0 0% 100%;--popover-foreground: 220 13% 18%;--primary: 134 26% 41%;--primary-foreground: 0 0% 98%;--primary-light: 134 26% 55%;--primary-dark: 134 26% 28%;--secondary: 57 74% 54%;--secondary-foreground: 220 13% 18%;--secondary-light: 57 74% 68%;--secondary-dark: 57 74% 40%;--muted: 220 13% 97%;--muted-foreground: 220 13% 46%;--accent: 134 20% 95%;--accent-foreground: 134 26% 28%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 98%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 134 26% 41%;--radius: .75rem;--earth-brown: 25 40% 35%;--earth-light: 25 30% 85%;--success-green: 142 76% 36%;--warning-amber: 43 96% 56%;--gradient-hero: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%);--gradient-earth: linear-gradient(135deg, hsl(var(--earth-brown)) 0%, hsl(var(--primary-dark)) 100%);--gradient-sustainable: linear-gradient(135deg, hsl(var(--success-green)) 0%, hsl(var(--primary)) 100%);--gradient-accent: linear-gradient(135deg, hsl(var(--secondary-light)) 0%, hsl(var(--secondary)) 100%);--shadow-card: 0 4px 6px -1px hsl(var(--primary) / .1), 0 2px 4px -1px hsl(var(--primary) / .06);--shadow-hero: 0 25px 50px -12px hsl(var(--primary) / .25);--shadow-button: 0 4px 14px 0 hsl(var(--primary) / .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%}.dark{--background: 220 13% 9%;--foreground: 0 0% 98%;--card: 220 13% 12%;--card-foreground: 0 0% 98%;--popover: 220 13% 12%;--popover-foreground: 0 0% 98%;--primary: 134 26% 55%;--primary-foreground: 220 13% 9%;--primary-light: 134 26% 68%;--primary-dark: 134 26% 41%;--secondary: 57 74% 64%;--secondary-foreground: 220 13% 9%;--secondary-light: 57 74% 78%;--secondary-dark: 57 74% 50%;--muted: 220 13% 15%;--muted-foreground: 220 13% 65%;--accent: 134 20% 15%;--accent-foreground: 134 26% 68%;--destructive: 0 62% 50%;--destructive-foreground: 0 0% 98%;--border: 220 13% 20%;--input: 220 13% 20%;--ring: 134 26% 55%;--earth-brown: 25 40% 45%;--earth-light: 25 30% 25%;--success-green: 142 76% 46%;--warning-amber: 43 96% 66%;--gradient-hero: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary-light)) 100%);--gradient-earth: linear-gradient(135deg, hsl(var(--earth-brown)) 0%, hsl(var(--primary)) 100%);--gradient-sustainable: linear-gradient(135deg, hsl(var(--success-green)) 0%, hsl(var(--primary-light)) 100%);--gradient-accent: linear-gradient(135deg, hsl(var(--secondary)) 0%, hsl(var(--secondary-light)) 100%);--sidebar-background: 220 13% 9%;--sidebar-foreground: 0 0% 98%;--sidebar-primary: 134 26% 55%;--sidebar-primary-foreground: 220 13% 9%;--sidebar-accent: 220 13% 15%;--sidebar-accent-foreground: 0 0% 98%;--sidebar-border: 220 13% 20%;--sidebar-ring: 134 26% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}}@layer components{.hero-gradient{background:var(--gradient-hero)}.earth-gradient{background:var(--gradient-earth)}.sustainable-gradient{background:var(--gradient-sustainable)}.accent-gradient{background:var(--gradient-accent)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-hero{box-shadow:var(--shadow-hero)}.shadow-button{box-shadow:var(--shadow-button)}.transition-smooth{transition:var(--transition-smooth)}.transition-bounce{transition:var(--transition-bounce)}.animate-float{animation:float 6s ease-in-out infinite}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-fade-in{animation:fade-in .8s ease-out forwards}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
