/**
 * Dark Mode Styles
 * Sobrescreve variáveis CSS para tema escuro
 */

body.dark-mode {
    /* Cores Neutras - Dark Mode */
    --color-bg: #1A202C;
    --color-surface: #2D3748;
    --color-text: #F7FAFC;
    --color-text-secondary: #CBD5E0;
    --color-border: #4A5568;

    /* Sombras - Dark Mode */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4), 0 4px 6px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.2);
}

/* Header Dark Mode */
body.dark-mode .header {
    background: rgba(45, 55, 72, 0.95);
    border-bottom: 1px solid var(--color-border);
}

/* Cards Dark Mode */
body.dark-mode .card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Inputs Dark Mode */
body.dark-mode .form-group input[type="number"] {
    background: var(--color-bg);
    color: var(--color-text);
    border-color: var(--color-border);
}

body.dark-mode .form-group input:focus {
    border-color: var(--ml-blue);
    background: var(--color-surface);
}

/* Checkbox Dark Mode */
body.dark-mode .checkbox-custom {
    background: var(--color-bg);
    border-color: var(--color-border);
}

/* Botões Dark Mode */
body.dark-mode .btn-secondary {
    background: var(--color-bg);
    color: var(--color-text);
    border-color: var(--color-border);
}

body.dark-mode .btn-secondary:hover {
    background: var(--color-border);
}

body.dark-mode .btn-text {
    color: var(--color-text-secondary);
}

body.dark-mode .btn-text:hover {
    color: var(--color-text);
    background: var(--color-bg);
}

body.dark-mode .btn-icon {
    background: var(--color-bg);
}

/* Tabela Dark Mode */
body.dark-mode .results-table thead {
    background: var(--color-bg);
}

body.dark-mode .results-table tr:hover {
    background: rgba(52, 131, 250, 0.1);
}

body.dark-mode .results-table tr.melhor-opcao {
    background: rgba(72, 187, 120, 0.15);
}

/* Histórico Dark Mode */
body.dark-mode .historico-item {
    background: var(--color-bg);
    border-color: transparent;
}

body.dark-mode .historico-item:hover {
    border-color: var(--ml-blue);
    background: rgba(52, 131, 250, 0.05);
}

/* Info Cards Dark Mode */
body.dark-mode .info-card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Notificações Dark Mode */
body.dark-mode .notificacao {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

/* Footer Dark Mode */
body.dark-mode .footer {
    background: var(--color-surface);
    border-top-color: var(--color-border);
}

/* Scrollbar Dark Mode */
body.dark-mode .historico-container::-webkit-scrollbar-track {
    background: var(--color-bg);
}

body.dark-mode .historico-container::-webkit-scrollbar-thumb {
    background: var(--color-border);
}

body.dark-mode .historico-container::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-secondary);
}

/* Transição suave entre temas */
body {
    transition: background-color var(--transition-base), color var(--transition-base);
}

.card,
.header,
.footer,
.form-group input,
.historico-item,
.info-card {
    transition: background-color var(--transition-base),
        border-color var(--transition-base),
        color var(--transition-base);
}