/* =============================================================================
   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: #4b4e69;
    --as-line-soft: var(--as-navy-line);
    --as-surface: var(--as-navy-surface);
    --as-surface-soft: #181b34;
    --as-white: #292f4c;
    /* Paleta do Monday (mockup aprovado 06/10/2026): fundo #181b34,
       superfície #292f4c, elevado #30324e, bordas #3b3e58/#4b4e69. */
    --as-navy-surface: #292f4c;
    --as-navy-line: #3b3e58;
    /* As variáveis do Bootstrap ficavam CLARAS neste tema: 300+ regras de 40
       telas pintam card com var(--bs-body-bg) e saíam brancas, com o texto já
       claro por cima (Comercial, Mobilização, Central de TF...). Agora seguem
       a mesma paleta. */
    --bs-body-bg: #292f4c;
    --bs-body-bg-rgb: 41, 47, 76;
    --bs-secondary-bg: #30324e;
    --bs-tertiary-bg: #30324e;
    --bs-tertiary-bg-rgb: 48, 50, 78;
    --bs-border-color: #3b3e58;
    --bs-border-color-translucent: rgba(255, 255, 255, .12);
    --bs-body-color: #d5d8df;
    --bs-body-color-rgb: 213, 216, 223;
    --bs-emphasis-color: #ffffff;
    --bs-secondary-color: #9699a6;
    --bs-heading-color: #e7eaf3;
    --bs-card-bg: #292f4c;
    --bs-card-cap-bg: #30324e;
    --bs-light-rgb: 48, 50, 78;
    --bs-primary-text-emphasis: #9cc3ff;
}

/* FUNDO CLARO NO TEMA ESCURO (06/10/2026). Neste tema as variáveis do
   Bootstrap continuam claras (`--bs-body-bg` etc.): a pele escura vem das
   regras `html.app-skin-dark`. Os utilitários `.bg-light`/`.bg-white` ficavam
   BRANCOS com o texto já claro do tema — "fundo branco com letra branca" nos
   quadros de assinatura do RDO, e em 103 lugares de 52 telas. E `.text-dark`
   fazia o contrário: letra escura no fundo escuro. Badges e botões amarelos
   (`bg-warning`) continuam com letra escura: lá o fundo segue claro. */
html.app-skin-dark .bg-light,
html.app-skin-dark .bg-white,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .bg-white {
    background-color: var(--as-surface) !important;
    color: var(--as-ink);
}
html.app-skin-dark .text-dark:not(.badge):not(.btn):not([class*="bg-warning"]):not([class*="bg-info"]),
[data-bs-theme="dark"] .text-dark:not(.badge):not(.btn):not([class*="bg-warning"]):not([class*="bg-info"]) {
    color: var(--as-ink) !important;
}
html.app-skin-dark .bg-warning .text-dark,
html.app-skin-dark [class*="bg-soft-warning"] .text-dark {
    color: #30324e !important;
}

/* Etiqueta e botão AMARELOS no tema escuro (07/10/2026): o fundo continua
   amarelo, então a letra tem de ser escura — a regra do .text-dark acima
   deixava branca ("bg-warning text-dark" ilegível em 23 telas). */
html.app-skin-dark .badge.bg-warning,
html.app-skin-dark .badge.text-bg-warning,
html.app-skin-dark .bg-warning.text-dark,
html.app-skin-dark .ped-aprovar,
[data-bs-theme="dark"] .badge.bg-warning,
[data-bs-theme="dark"] .bg-warning.text-dark {
    color: #1e293b !important;
}

/* Contraste no tema escuro do Monday (07/10/2026): o que a varredura das 113
   telas ainda achou ilegível depois da troca de paleta. */
/* `body` na frente: o theme.min.css vem DEPOIS e também usa !important. */
html.app-skin-dark body .text-primary,
[data-bs-theme="dark"] body .text-primary { color: #7cb2ff !important; }
html.app-skin-dark { --bs-link-color: #7cb2ff; --bs-link-color-rgb: 124, 178, 255; --bs-link-hover-color: #a5c9ff; }
html.app-skin-dark .ctf-abrir,
html.app-skin-dark .rhf-linha summary,
html.app-skin-dark .sol-linha summary,
html.app-skin-dark .fila-linha summary { color: #7cb2ff; }
html.app-skin-dark body .btn.ped-aprovar { color: #1e293b !important; }
html.app-skin-dark body .trilha-etapa__nome { color: #aab1c4; }
html.app-skin-dark .tfl-sc { background: rgba(87, 155, 252, .18); color: #9cc3ff; }
html.app-skin-dark .table-light,
html.app-skin-dark .table-light > * > * { --bs-table-bg: #30324e; --bs-table-color: #d5d8df; background-color: #30324e; color: #d5d8df; }
html.app-skin-dark .proj-agora, html.app-skin-dark .proj-agora > td { background-color: rgba(253, 196, 0, .1) !important; color: #e7eaf3; }
html.app-skin-dark body .btn.empty-state__cta { color: #1e293b !important; }
html.app-skin-dark body .trilha-etapa__passo .trilha-etapa__nome { color: #aab1c4; }
html.app-skin-dark body .trilha-etapa__passo--atual .trilha-etapa__nome,
html.app-skin-dark body .trilha-etapa__passo--feita .trilha-etapa__nome { color: #e7eaf3; }
html.app-skin-dark body .card { border-color: #3b3e58 !important; }

/* Contraste no tema CLARO (07/10/2026, mesma varredura das 113 telas): verde,
   laranja e verde-água do tema são vivos demais para TEXTO em fundo branco
   (contraste < 2:1 — "R$ 1.234,56" verde na Auditoria e na Prestação). Só o
   texto escurece; fundo de etiqueta e botão cheio continuam iguais. */
html:not(.app-skin-dark) body .text-success { color: #15803d !important; }
html:not(.app-skin-dark) body .text-warning { color: #b45309 !important; }
html:not(.app-skin-dark) body .text-info { color: #0f766e !important; }
html:not(.app-skin-dark) body .btn-outline-info { color: #0f766e; border-color: #0f766e; }
html:not(.app-skin-dark) body .btn-outline-info:hover { color: #fff; background: #0f766e; }
html:not(.app-skin-dark) body .badge.bg-soft-secondary:not([class*="text-"]) { color: #475569; }
html:not(.app-skin-dark) body .trilha-etapa__passo--futura .trilha-etapa__nome { color: #8a94a6; }
html:not(.app-skin-dark) body .ms-area { color: #b45309; }

/* Tema escuro, os últimos detalhes da varredura (07/10/2026). */
html.app-skin-dark body .ctf-vistas a.on,
html.app-skin-dark body a.is-on:not(.nfl-pill),
html.app-skin-dark body .btn-warning { color: #1e293b !important; }
html.app-skin-dark body .gs-section-head .gs-count { background: #30324e; color: #d5d8df; }
html.app-skin-dark body .fila-mais > summary { color: #7cb2ff; }
html.app-skin-dark body .ped-banda__aba { color: #e7eaf3; }
html.app-skin-dark body .lp-res { background: rgba(167, 139, 250, .12); border-color: rgba(167, 139, 250, .35); }