/* =============================================================================
   aurea-tokens.css — a paleta do AureaSystems, em um lugar só.

   Por que existe
   --------------
   A auditoria de 01/08/2026 contou 1.847 hexadecimais escritos à mão nos
   templates, formando 332 tons distintos. Uma identidade visual usa 12 a 20.
   Não existia `:root` com a paleta em lugar nenhum, então cada tela reinventou
   a cor — e hoje ninguém consegue responder "qual é o azul do sistema?".

   Pior: `--as-gold`, `--as-navy` e `--as-gold-hover` já eram USADAS em cinco
   pontos do base.html e NUNCA definidas. Todo mundo pintava pelo fallback
   (`var(--as-gold, #FDC400)`), o que dá a aparência de estar tokenizado sem
   estar: mudar o dourado num `:root` não mudaria nada.

   Como usar
   ---------
   Cor nova em template ou folha: pegue daqui. Se o tom que você precisa não
   existe, ou o token certo é outro, ou o design mudou — e aí a mudança é
   consciente, feita neste arquivo, valendo para o sistema inteiro.

   Esta folha carrega ANTES do tema (vendor), então ela só define variáveis:
   não pinta nada sozinha e não disputa especificidade com ninguém.

   Os valores não foram inventados: saíram da contagem do que já era usado
   (as 25 cores mais frequentes cobrem a quase totalidade das ocorrências) e
   das duas fontes já curadas — `sidebar.css` e a tela de login.
   ============================================================================= */

:root {
    /* --- Marca ------------------------------------------------------------ */
    /* O navy aparecia como 6 valores diferentes. Este é o da sidebar, que foi
       a superfície curada e aprovada visualmente pelo usuário. */
    --as-navy: #001a3f;
    --as-navy-deep: #00162e;     /* fundo da tela de login e das páginas públicas */
    --as-navy-ink: #06213f;      /* tinta escura por cima do dourado */
    --as-navy-surface: #0f1e30;  /* superfície de card no tema escuro */
    --as-navy-line: #1c3049;     /* divisória no tema escuro */

    --as-gold: #fdc400;
    --as-gold-hover: #ffd22e;
    --as-gold-soft: rgba(253, 196, 0, 0.2);   /* item ativo, realce */
    --as-gold-ring: rgba(253, 196, 0, 0.35);  /* anel de foco */
    /* Lavagem dourada para FUNDO (hover de linha de tabela). Separada de
       --as-gold-hover de propósito: aquele é o dourado SÓLIDO do botão em
       hover. O base.html já usava `var(--as-gold-hover, rgba(...,.08))` como
       se fosse fundo translúcido — como a variável nunca existiu, todo mundo
       pintava pelo fallback e a divergência de significado ficou escondida.
       Definir o token sem separar os dois pintaria as tabelas de amarelo. */
    --as-gold-wash: rgba(253, 196, 0, 0.08);

    /* --- Neutros ---------------------------------------------------------- */
    /* Escala slate, que já era a usada de fato (só #0f172a aparece 115 vezes). */
    --as-ink: #0f172a;           /* texto principal */
    --as-ink-2: #1e293b;
    --as-ink-3: #334155;
    --as-muted: #475569;         /* texto secundário */
    --as-muted-2: #64748b;
    --as-muted-3: #94a3b8;       /* texto de apoio, placeholder */
    --as-line: #cbd5e1;          /* borda de campo */
    --as-line-soft: #e2e8f0;     /* borda de card, divisória */
    --as-surface: #f1f5f9;       /* fundo de seção */
    --as-surface-soft: #f8fafc;  /* fundo de página */
    --as-white: #ffffff;

    /* --- Semânticas ------------------------------------------------------- */
    /* Significado, não cor: quem lê `--as-danger` sabe o que quer dizer;
       quem lê `#ef4444` só sabe que é vermelho. */
    --as-success: #10b981;
    --as-success-strong: #16a34a;
    --as-warning: #f59e0b;
    --as-danger: #ef4444;
    --as-info: #3b82f6;

    /* --- Gráficos --------------------------------------------------------- */
    /* Os 6 dashboards usam indigo #6366f1 e afins, da paleta padrão da
       biblioteca: o cabeçalho é impecavelmente da marca e o gráfico logo
       abaixo é genérico. Esta sequência começa pela marca e só depois abre
       para tons de apoio, mantendo contraste entre séries vizinhas. */
    --as-chart-1: #fdc400;
    --as-chart-2: #001a3f;
    --as-chart-3: #3b82f6;
    --as-chart-4: #10b981;
    --as-chart-5: #f59e0b;
    --as-chart-6: #6b7f97;
    --as-chart-7: #ef4444;
    --as-chart-8: #8b5cf6;

    /* --- Forma ------------------------------------------------------------ */
    --as-radius-sm: 4px;
    --as-radius: 6px;
    --as-radius-lg: 10px;
    --as-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --as-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* O tema escuro troca o VALOR do token; quem consome não muda.
   Os dois seletores existem porque o projeto marca o tema em dois lugares —
   a classe do vendor e o atributo próprio. Enquanto os dois existirem, as
   regras precisam cobrir ambos (ver docs/SIDEBAR.md, mesma armadilha do
   `minimenu`). */
html.app-skin-dark,
[data-bs-theme="dark"] {
    --as-ink: #e7eefc;
    --as-ink-2: #cbddee;
    --as-ink-3: #a6c2db;
    --as-muted: #9db4cc;
    --as-muted-2: #8ba3bd;
    --as-muted-3: #6e88a4;
    --as-line: #24334f;
    --as-line-soft: var(--as-navy-line);
    --as-surface: var(--as-navy-surface);
    --as-surface-soft: #0b1a2e;
    --as-white: #0f1e30;
}