/* Estilos Base - Variáveis e Animações Globais */
:root {
    --font-outfit: 'Outfit', sans-serif;
}

body {
    font-family: var(--font-outfit);
}

@keyframes moveSquare {
    0%, 100% { transform: translate(0, 0) rotate(45deg); }
    50% { transform: translate(10px, 10px) rotate(45deg); }
}

@keyframes moveSquareReverse {
    0%, 100% { transform: translate(0, 0) rotate(-45deg); }
    50% { transform: translate(-10px, -10px) rotate(-45deg); }
}

.animate-scroll-left {
    animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}