/* ============================================================
   ATG Supply Chain — Tema escuro das telas de autenticação
   ------------------------------------------------------------
   Login (index.html), "esqueci minha senha" e "trocar senha"
   ficam escuras por decisão explícita do cliente — as demais
   páginas do site passaram pro tema claro, mas este trio mantém
   o painel escuro/cinematográfico.

   Redeclarar :root aqui é uma exceção deliberada à regra de
   "nunca redeclare tokens.css" (ver header de tokens.css): só as
   cores de superfície/texto são sobrescritas — os tokens de marca
   e estado (--accent, --success, --warning, --danger, --info)
   continuam vindo do tokens.css normalmente.

   Extraído em 2026-08 de index.html / trocar-senha.html /
   esqueci-senha.html, que tinham este bloco duplicado byte a
   byte nas três páginas (achado de auditoria de frontend) — a
   partir de agora, qualquer ajuste de tom precisa mexer só aqui.

   Como usar (depois de tokens/typography/components.css):
        <link rel="stylesheet" href="assets/css/auth-dark.css">
   ============================================================ */

:root{
  --bg: #05060a;
  --bg-alt: #0d0e12;
  --card: #14151a;
  --card-alt: #1a1b21;
  --card-border: #262830;
  --ink: #f4f4f2;
  --muted: #9c9ca3;
  --muted-2: #6f6f76;
}
/* components.css tem algumas cores de texto hardcoded (não var())
   pensadas pro tema claro — nesta página escura precisam de um
   contraponto local, senão ficam ilegíveis sobre fundo escuro. */
.field label{ color:var(--ink); }
.alert-accent{ background:rgba(0,125,195,.16); border-color:rgba(0,125,195,.4); color:#7dcdf0; }
.alert-info{ background:rgba(74,127,176,.16); border-color:rgba(74,127,176,.4); color:#a9c9e8; }
.alert-success{ background:rgba(31,157,99,.16); border-color:rgba(31,157,99,.4); color:#7fe0ae; }
.alert-warning{ background:rgba(185,121,28,.16); border-color:rgba(185,121,28,.4); color:#f0c479; }
.alert-danger{ background:rgba(210,60,86,.16); border-color:rgba(210,60,86,.4); color:#f29aab; }
