/* Import moduli CSS */
@import url('_variables.css');
@import url('_base.css');
@import url('_glassmorphism.css');
@import url('_buttons.css');
@import url('_navbar.css');
@import url('_hero.css');
@import url('_cards.css');
@import url('_footer.css');
@import url('_responsive.css');

/* UTILITY CLASSES */
.text-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hover-primary:hover {
    color: var(--primary-color) !important;
}

.section-padding {
    padding: var(--section-padding);
}

.btn-outline-accent {
    border: 2px solid var(--accent-color);
    color: var(--accent-color);
    background: transparent;
    transition: all 0.3s ease;
}
.btn-outline-accent:hover {
    background: var(--accent-color);
    color: #fff;
}