/* ==========================================================================
   EXTENSÃO DE TOKENS — Central de Controle
   Importe SEMPRE depois de tokens.css.

   Motivo: o DESIGN_SYSTEM.md v1.0 define as cores semânticas (sucesso, alerta,
   informação) apenas para o tema claro — a seção 2.6 cobre fundo, superfície,
   texto, primária e acento no escuro, mas não as semânticas. Uma aplicação com
   selos de estado precisa delas nos dois temas.

   Estes valores são propostos para entrar no DESIGN_SYSTEM.md. Todos os pares
   fundo/texto foram medidos e passam AA:
     sucesso 10.12:1 · alerta 11.22:1 · informação 9.36:1 · erro 6.99:1
   ========================================================================== */

:root {
  /* papéis semânticos de superfície — tema claro (derivados dos tokens oficiais) */
  --al-sucesso-fundo: var(--al-sucesso-50);
  --al-sucesso-texto: var(--al-sucesso-700);
  --al-alerta-fundo:  var(--al-alerta-50);
  --al-alerta-texto:  var(--al-alerta-700);
  --al-info-fundo:    var(--al-info-50);
  --al-info-texto:    var(--al-info-700);
  --al-erro-fundo:    var(--al-erro-50);
  --al-erro-texto:    var(--al-erro-700);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --al-sucesso-fundo: #0A2A1C;
    --al-sucesso-texto: #6EE7B7;
    --al-alerta-fundo:  #2A1F08;
    --al-alerta-texto:  #FCD34D;
    --al-info-fundo:    #06263A;
    --al-info-texto:    #7DD3FC;
    --al-erro-fundo:    var(--al-vermelho-900);
    --al-erro-texto:    var(--al-vermelho-300);
  }
}

:root[data-tema="escuro"] {
  --al-sucesso-fundo: #0A2A1C;
  --al-sucesso-texto: #6EE7B7;
  --al-alerta-fundo:  #2A1F08;
  --al-alerta-texto:  #FCD34D;
  --al-info-fundo:    #06263A;
  --al-info-texto:    #7DD3FC;
  --al-erro-fundo:    var(--al-vermelho-900);
  --al-erro-texto:    var(--al-vermelho-300);
}