body { 
    font-family: 'Inter', sans-serif; 
    background-color: #F8FAFC; 
    margin: 0;
    transition: background-color 0.6s ease; /* Transição suave de fundo */
}

/* Transições para os elementos mudarem de cor suavemente */
.bg-white, .text-slate-900, .text-slate-700, .text-slate-600, .text-slate-500, 
.bg-indigo-50, .bg-indigo-600, .text-indigo-600, .border-slate-200, .bg-slate-50, button, input {
    transition: all 0.5s ease;
}

/* Scrollbar Customizada */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

.fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-fast {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(0.98); }
}
.animate-stressing { animation: pulse-fast 1s infinite; }
#gpu-canvas { display: none; }

/* =========================================
   TEMA INFERNAL (MODO EXTREMO ATIVADO)
   ========================================= */

/* Fundo global escuro/avermelhado */
body.theme-extreme { background-color: #0a0404; }

/* Scrollbar infernal */
body.theme-extreme ::-webkit-scrollbar-track { background: #1a0808; }
body.theme-extreme ::-webkit-scrollbar-thumb { background: #4a1212; }
body.theme-extreme ::-webkit-scrollbar-thumb:hover { background: #7f1d1d; }

/* Card Principal e Modal */
body.theme-extreme .bg-white { 
    background-color: #120606 !important; 
    border-color: #3f1515 !important;
    box-shadow: 0 0 40px rgba(220, 38, 38, 0.15) !important; /* Brilho vermelho */
}

/* Textos e Ícones */
body.theme-extreme .text-slate-900 { color: #fecaca !important; }
body.theme-extreme .text-slate-700 { color: #f87171 !important; }
body.theme-extreme .text-slate-600 { color: #fca5a5 !important; }
body.theme-extreme .text-slate-500 { color: #ef4444 !important; }

/* Painéis Secundários (Agressividade e Checkboxes) */
body.theme-extreme .bg-slate-50 { background-color: #1a0808 !important; border-color: #4a1212 !important; }
body.theme-extreme .border-slate-200 { border-color: #4a1212 !important; }

/* Cor Primária (De Indigo para Laranja/Fogo) */
body.theme-extreme .bg-indigo-600 { background-color: #ea580c !important; } /* Laranja */
body.theme-extreme .hover\:bg-indigo-700:hover { background-color: #dc2626 !important; } /* Vermelho no hover */
body.theme-extreme .text-indigo-600 { color: #ea580c !important; }
body.theme-extreme .bg-indigo-50 { background-color: rgba(234, 88, 12, 0.1) !important; }

/* Botão de Parar / Cancelar (Secundários) */
body.theme-extreme #btn-stop:not(:disabled),
body.theme-extreme #btn-cancel-extreme {
    background-color: transparent !important;
    color: #fca5a5 !important;
    border-color: #4a1212 !important;
}
body.theme-extreme #btn-stop:hover:not(:disabled),
body.theme-extreme #btn-cancel-extreme:hover {
    background-color: #3f1515 !important;
}

/* Inputs */
body.theme-extreme input[type="number"] {
    background-color: #0a0404 !important;
    color: #fecaca !important;
    border-color: #4a1212 !important;
}

/* Barra de Progresso */
body.theme-extreme .bg-slate-100 { background-color: #3f1515 !important; }

/* Rodapé Escuro */
body.theme-extreme footer.bg-slate-900 { 
    background-color: #050202 !important; 
    border-color: #1a0808 !important; 
}