/* public/assets/css/style.css */

:root {
    --color-primary: #3b82f6; /* blue-500 */
    --color-secondary: #1f2937; /* gray-800 */
    --font-sans: 'Inter', sans-serif; /* Exemplo, pode ser trocado por outra fonte do Google Fonts */
}

body {
    /* Se você decidir usar uma fonte customizada, importe-a no header.php e defina-a aqui */
    /* font-family: var(--font-sans); */
}

/* Swiper Hero Carousel Styles */
.hero-swiper {
    width: 100%;
    height: calc(100vh - 5rem); /* Full viewport height minus header height */
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

/* Customizing Swiper Navigation/Pagination Colors */
:root {
    --swiper-theme-color: #ffffff;
    --swiper-navigation-size: 32px;
}

/* Cart Shake Animation */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.animate-shake {
    animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}