/* Paleta de cores do projeto */
:root {
    --color-primary: #080909;
    --color-secondary: #12201b;
    --color-accent: #0ad596;
    --color-accent-hover: #2edba5;
    --color-background: #e6e6e6;
    --color-background-100: #f2f2f2;
}

/* Estilos customizados */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--color-background);
}

#file-input:focus + label {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* Animações */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Scrollbar customizada */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-background);
}

::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

/* Utilitários da paleta (fallback quando Tailwind não aplicar) */
.bg-background { background-color: var(--color-background); }
.bg-background-100 { background-color: var(--color-background-100); }
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }
.text-accent { color: var(--color-accent); }
.bg-accent { background-color: var(--color-accent); }
.hover\:bg-accent-hover:hover,
.bg-accent-hover { background-color: var(--color-accent-hover); }
.ring-accent { box-shadow: 0 0 0 3px var(--color-accent); }
.focus\:ring-accent:focus { box-shadow: 0 0 0 2px var(--color-accent); outline: none; }