/* Padrão Platina Claro 1.0.0 (DHF) — tokens extraídos de /opt/controle-lead/controle/static/app.css (Controle de Lead 1.0.0, 31/10/2026).
   Colar no topo do CSS do projeto. Nomes iguais aos do original, para portar componentes sem renomear. */
:root {
  /* Marca (azuis frios) */
  --navy: #0D2B5B;        /* títulos, números, aba ativa, botão primário, selo */
  --navy-2: #163E7A;      /* meio do gradiente do selo; texto em fundo info */
  --azul: #2563EB;        /* links, foco, barra "destaque", decisão média */
  --gelo: #38BDF8;        /* brilho/gradiente (decorativo, nunca texto: 2,14:1 no branco) */
  --platina: #C9D4E3;     /* faixa neutra de KPI, decisão baixa, ponto neutro da linha do tempo */
  --azul-selo: #2B6CB0;   /* ponta do gradiente do selo e do ícone (literal no original) */
  --azul-btn: #1E4F95;    /* ponta do gradiente do botão primário (literal no original) */

  /* Acento quente (alerta, nunca marca) */
  --orange: #E8650A;      /* bordas/faixas/pontos de alerta; NUNCA fundo de texto branco (3,33:1) */
  --orange-txt: #B94800;  /* texto laranja legível (4,76:1 em warn-bg; 5,26:1 branco sobre ele) */

  /* Superfícies */
  --bg: #F3F6FB;          /* fundo da página */
  --bg-2: #E9EFF8;        /* recuo: trilha de barra, tag neutra, hover de aba, code */
  --surface: rgba(255,255,255,.78);  /* vidro (com backdrop-filter) */
  --surface-forte: #FFFFFF;          /* cartão sólido dentro do vidro */

  /* Texto e linhas */
  --text: #0F1B2D;        /* corpo (15,96:1 no bg) */
  --muted: #55657D;       /* secundário (5,47:1 no bg) */
  --line: #D9E2EE;        /* divisórias */
  --line-forte: #C3CFDF;  /* bordas de input e botão secundário */

  /* Semânticas (par texto/fundo, todas AA em texto pequeno) */
  --ok: #0F7B4F;   --ok-bg: #E3F5EC;
  --warn: #9A5B00; --warn-bg: #FFF2DE;
  --err: #B42318;  --err-bg: #FDE8E7;
  --info-bg: #E6F0FF;

  /* Raios */
  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-xl: 20px;
  /* botões e inputs usam 10px; pílulas 999px; selo 11px (14px grande) */

  /* Sombras (tingidas de navy, nunca preto puro) */
  --sh-1: 0 1px 2px rgba(13,43,91,.06), 0 4px 14px rgba(13,43,91,.06);
  --sh-2: 0 2px 6px rgba(13,43,91,.08), 0 12px 32px rgba(13,43,91,.10);

  /* Movimento */
  --ease: cubic-bezier(.16,1,.3,1);  /* expo-out: hover, barras, abas */
  --brilho-dur: 9s;                  /* linha de brilho do topo */
  --aurora-dur: 28s;                 /* deriva das manchas do fundo */

  /* Tipografia: pilha do sistema, sem webfont */
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;
  --fonte-mono: ui-monospace, SFMono-Regular, Consolas, monospace;

  color-scheme: light;
}

/* Movimento reduzido: mais lento e suave, nunca parado */
@media (prefers-reduced-motion: reduce) {
  :root { --brilho-dur: 24s; --aurora-dur: 70s; }
}