/*
 * Localização no projeto:
 * /public/assets/css/temas/preto.css
 *
 * Descrição:
 * Tema Preto (Alto Contraste) do SIE.
 * Sobrescreve as variáveis CSS definidas em sie.css.
 * Carregar APÓS sie.css.
 * Atenção: este tema altera também cores de fundo de card,
 * texto e alertas para garantir acessibilidade.
 *
 * Versão:
 * v1.0.0
 *
 * Histórico de versões:
 * v1.0.0 - Criação inicial com suporte a alto contraste.
 *
 * Observações:
 * Não alterar a localização sem atualizar este cabeçalho.
 * Não remover este bloco de controle.
 */

:root {
  --cor-primaria:       #111111;
  --cor-secundaria:     #000000;
  --cor-primaria-hover: #333333;
  --cor-fundo-menu:     #1a1a1a;
  --cor-texto-menu:     #f5f5f5;
  --cor-borda:          #444444;
  --cor-borda-input:    #555555;
  --cor-fundo-app:      #0d0d0d;
  --cor-fundo-card:     #1a1a1a;
  --cor-texto:          #f5f5f5;
  --cor-texto-suave:    #cccccc;
  --cor-alerta:         #ffff00;
  --cor-alerta-texto:   #000000;
  --cor-sucesso:        #00ff88;
  --cor-sucesso-texto:  #000000;
  --cor-erro:           #ff4444;
  --cor-erro-texto:     #ffffff;
  --cor-info:           #00ccff;
  --cor-info-texto:     #000000;
}

/* Ajustes adicionais para alto contraste */
.tabela-sie th {
  background-color: #000000;
  border-bottom-color: #555555;
}

.tabela-sie tr:nth-child(even) td {
  background-color: #222222;
}

.tabela-sie tr:hover td {
  background-color: #333333;
}

.card-cabecalho {
  background-color: #222222;
}

a {
  color: #00ccff;
}

a:hover {
  color: #ffffff;
}

.btn-primario {
  background-color: #333333;
  border-color: #000000;
  color: #ffffff;
}

.btn-primario:hover:not(:disabled) {
  background-color: #000000;
}

.campo-input {
  background-color: #111111;
  color: #f5f5f5;
  border-color: #555555;
}

.campo-input:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}