/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

/* Base Styles */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, .font-display {
    font-family: 'Poppins', sans-serif;
}

/* Glass Morphism */
.glass-morphism {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Custom Utilities (Tailwind config equivalents) */
:root {
    --primary: #00C853;
    --primary-light: #69f0ae;
    --secondary: #1E88E5;
    --fresh: #B2FF59;
    --soft-gray: #f8fafc;
}

.bg-primary { background-color: var(--primary); }
.text-primary { color: var(--primary); }
.border-primary { border-color: var(--primary); }

.bg-primary-light { background-color: var(--primary-light); }
.text-primary-light { color: var(--primary-light); }

.bg-secondary { background-color: var(--secondary); }
.text-secondary { color: var(--secondary); }

.bg-fresh { background-color: var(--fresh); }
.text-fresh { color: var(--fresh); }

.bg-soft-gray { background-color: var(--soft-gray); }

/* Animation Classes */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}