@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-primary:#1f8a4c;--color-primary-dark:#166a3a;--color-secondary:#4b6b57;--color-secondary-dark:#3a5445;--color-accent:#cfe8d5;--color-accent-dark:#a9d6b5;--color-background:#f5f7f6;--color-text-primary:#1f8a4c;--color-text-secondary:#4b6b57;--color-text-light:#fff;--color-border:#cfe8d5;--color-shadow:#1f8a4c1f}.dark{--color-primary:#8bc34a;--color-primary-dark:#6fa032;--color-secondary:#cfe8d5;--color-secondary-dark:#a9d6b5;--color-accent:#1f8a4c;--color-accent-dark:#166a3a;--color-background:#1b2a22;--color-text-primary:#e8f5ec;--color-text-secondary:#b7d8c4;--color-text-light:#fff;--color-border:#2e4a3a;--color-shadow:#8bc34a26}@apply bg-background text-text-primary font-primary transition-colors duration-300;@apply font-secondary;}@layer components{@apply bg-primary text-text-light px-6 py-3 rounded-lg font-semibold hover:bg-primary-dark transition-all duration-300 transform hover:-translate-y-0.5 shadow-md hover:shadow-lg;@apply bg-accent text-text-primary px-6 py-3 rounded-lg font-semibold hover:bg-accent-dark transition-all duration-300 border border-accent hover:border-accent-dark;@apply bg-white dark:bg-[#1b2a22] rounded-xl shadow-lg border border-[var(--color-border)] transition-all duration-300 hover:shadow-xl;@apply w-full px-4 py-3 rounded-lg border border-[var(--color-border)] bg-transparent focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-all duration-300;}::-webkit-scrollbar{width:8px}@apply bg-accent/30;@apply bg-primary/60 rounded-full;@apply bg-primary;html,body,#root{width:100%;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}