/*
|--------------------------------------------------------------------------
| LANDING PAGE STYLES
|--------------------------------------------------------------------------
*/
body { cursor: default; }
html { scroll-behavior: smooth; }

.modal-content {
    animation: modalSlideUp 0.3s ease-out;
}

@keyframes modalSlideUp {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important;
}

/* --- GENERIC SECTION ICONS --- */
/* These map to theme variables if they exist, or fallback to primary/input colors */

.icon-section-1 {
    background-color: var(--icon-bg-section-1, var(--color-input-bg));
    color: var(--icon-text-section-1, var(--color-primary));
}

.icon-section-2 {
    background-color: var(--icon-bg-section-2, var(--color-input-bg));
    color: var(--icon-text-section-2, var(--color-primary));
}

.icon-section-3 {
    background-color: var(--icon-bg-section-3, var(--color-input-bg));
    color: var(--icon-text-section-3, var(--color-primary));
}