/* Custom styles */

/* Custom color variables */
:root {
    --color-primary: #0088cc;
    --color-secondary: #005580;
    --color-accent: #e6f7ff;
    --color-light: #f8fcff;
}

/* Custom animations */
@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Custom utility classes */
.bg-gradient-custom {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}