@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@theme{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --color-primary: #006e2f; --color-primary-container: #22c55e; --color-on-primary: #fff; --color-on-primary-container: #004b1e; --color-secondary: #5e5e5e; --color-secondary-container: #e2e2e2; --color-background: #f7f9fb; --color-on-background: #191c1e; --color-surface: #f7f9fb; --color-on-surface: #191c1e; --color-on-surface-variant: #3d4a3d; --color-outline: #6d7b6c; --color-outline-variant: #bccbb9; --color-surface-container-low: #f2f4f6; --color-surface-container-lowest: #fff; --color-surface-container-high: #e6e8ea; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-sm: 0 1px 2px 0 #0000000d; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f; --shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;}@layer base{@apply antialiased bg-background text-on-surface font-sans;}@layer components{.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #00000014}@apply bg-primary text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 hover:brightness-110 active:scale-[.98] shadow-sm shadow-primary/20 flex items-center justify-center gap-2;@apply w-full px-4 py-3 bg-white border border-outline-variant rounded-lg outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all text-on-surface;}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}