/*
  visiontech-claro.css — ÚNICO tema com paleta CONFIRMADA a partir do CSS
  efetivamente renderizado do mockup aprovado (handoff-ui-crm-bloqueios-resolvidos.md, 09/08/2026).

  Revisão visual 2 (09/08/2026): --text-secondary e --text-muted foram
  AJUSTADOS em relação ao valor extraído do mockup — os originais (#6B838B e
  #738990) falham WCAG AA para texto normal (4.0:1 e 3.68:1 sobre branco,
  mínimo 4.5:1; ver axe-core em docs/ui-crm/evidencias-etapa-ui2/). Os tons
  originais foram preservados como --text-secondary-decorative/--text-muted-decorative
  para uso apenas decorativo, texto grande (≥18px) ou onde o contraste
  mínimo já tenha sido comprovado localmente — nunca para texto normal.

  --status-danger NÃO foi extraído do mockup (o mockup original não tem uma
  tela de erro/exclusão identificável) — é um token funcional novo, proposto
  por mim e mantido pelo Codex após validação de contraste (6,54:1 sobre
  branco, 6,04:1 sobre surface.page — ambos acima do mínimo AA).
*/
[data-theme="visiontech-claro"] {
  --brand-navy: #063441;
  --brand-cyan: #00aeea;
  --brand-cyan-logo: #00b7f0;
  --brand-cyan-hover: #00aeea;

  --surface-page: #edf8fb;
  --surface-card: rgba(255, 255, 255, 0.95);
  --surface-card-solid: #ffffff;
  --surface-muted: #f6fafb;
  --surface-selected: #daf4fb;

  --border-default: #d2e5e9;
  --border-control: #d8e7ea;
  --border-muted: #dce9ec;

  --text-primary: #073642;
  --text-on-navy: #c7e9f1;

  /* AJUSTADOS para WCAG AA (texto normal) — verificado independentemente:
     #526B73 = 5.66:1 sobre branco, 5.24:1 sobre surface.page
     #5B747C = 4.96:1 sobre branco, 4.59:1 sobre surface.page (ambos ≥ 4.5:1) */
  --text-secondary: #526b73;
  --text-muted: #5b747c;

  /* tons ORIGINAIS do mockup — não usar em texto normal (falham AA) */
  --text-secondary-decorative: #6b838b;
  --text-muted-decorative: #738990;

  --status-success: #008d72;
  --status-warning: #b57600;
  --status-disabled: #a9b7bb;
  --status-danger: #b3261e; /* token funcional novo — não extraído do mockup */
  --status-info: var(--brand-cyan);

  /* Revisão visual 3 (aprovado por Codex): variantes de status SÓ para texto
     pequeno (badges de permissão) — os tokens de status originais acima
     falham AA como texto de 12px, mesmo sobre fundo branco puro (4.16:1 /
     3.78:1 / 2.06:1). Não substituem os originais: continuam usados em
     fundo/ícone/borda/elementos grandes. Contrastes reverificados
     independentemente por Claude (fórmula sRGB→luminância relativa), sobre
     branco e sobre o fundo tingido real de cada badge (.perm--total 12%,
     .perm--limitado 12%, .perm--nenhum 18% — ver components/badge.css):
     #006B57 → 6.48:1 (branco) / 5.55:1 (fundo do badge .perm--total)
     #7A4F00 → 7.13:1 (branco) / 6.23:1 (fundo do badge .perm--limitado)
     #526166 → 6.44:1 (branco) / 5.74:1 (fundo do badge .perm--nenhum) */
  --status-success-text: #006b57;
  --status-warning-text: #7a4f00;
  --status-disabled-text: #526166;

  /* fundo geral fora do contêiner centralizado (revisão visual 2) */
  --page-canvas: #f2f4f5;
}