/* Explain: Base CSS variables, reset, and utility classes with responsive adjustments. */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.text-accent {
    color: var(--accent-color);
}
.bg-accent {
    background-color: var(--accent-color);
}
.bg-primary {
    background-color: var(--primary-color);
}

.floating-action-button {
    transition: opacity 180ms ease, transform 300ms ease, background-color 300ms ease;
}

body.floating-buttons-scrolling .floating-action-button {
    opacity: 0.48;
}

@media (max-width: 767px) {
    .hero-swiper .swiper-button-next,
    .hero-swiper .swiper-button-prev {
        display: none !important;
    }
}