html {
    scroll-behavior: smooth;
}

/* COCDEP Custom Styles */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}


.hero-gradient {
    background: linear-gradient(to right, rgba(250, 248, 255, 0.95), rgba(250, 248, 255, 0.7), transparent);
}

/* Custom transitions and hover effects */
.transition-all {
    transition: all 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}