/* Reset e Variáveis */
:root {
    --primary: #00ff55;
    --primary-foreground: #0a0a0a;
    --background: #0f172a;
    --foreground: #ffffff;
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Roboto', sans-serif;
}

body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Utilitários Customizados */
.skew-x-neg-10 { transform: skewX(-10deg); }
.skew-x-10 { transform: skewX(10deg); }
.clip-diagonal-top { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0); }
.clip-diagonal-bottom { clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%); }

/* Animações */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}