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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-cursive {
    font-family: 'Dancing Script', cursive;
}

/* Glassmorphism Utilities */
.glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}

.glass-dark {
    background: rgba(6, 78, 59, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #E0F2F1; 
}
::-webkit-scrollbar-thumb {
    background: #064E3B; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #042F2E; 
}

/* Gradients for Placeholders */
.gradient-1 { background: linear-gradient(135deg, #FF9A9E 0%, #FECFEF 99%, #FECFEF 100%); }
.gradient-2 { background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
.gradient-3 { background: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }
.gradient-4 { background: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); }
.gradient-5 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }

/* Hide scrollbar for horizontal scroll elements */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}