/* Tokens do CoNext OS: o único arquivo do projeto onde cor em hex existe.
   Cor da marca do PASSO 0 com a rampa da paleta.py, cravada no 00_GENESIS/LASTRO.md.
   Contraste: a cor viva serve para preencher e contornar. Letra na cor da marca usa
   --cor-primaria-texto; borda e ícone pequeno usam --cor-primaria-escura.
   --cor-primaria-texto do tema claro saiu de escurecer_ate_passar() da paleta.py contra
   o --cor-primaria-suave (#E7F3F8), fundo do badge: 4.92:1 ali, 5.23:1 no --bg e 5.56:1
   no branco. Antes: #1A7CAC da rampa (4.37:1 no --bg) e #1876A3 (4.47:1 no -suave). */

:root {
  /* Marca (a tela /admin/empresa sobrescreve --cor-primaria por empresa) */
  --cor-primaria: #36A9E1;
  --cor-primaria-hover: #1F96CF;
  --cor-primaria-escura: #1876A3;
  --cor-primaria-suave: #E7F3F8;
  --cor-primaria-soft: rgba(54, 169, 225, 0.12);
  --cor-primaria-sombra: rgba(54, 169, 225, 0.15);
  /* Hover e ativo do botão Início (Padrao_Sidebar_Rodape:104 e :109) */
  --cor-primaria-sombra-forte: rgba(54, 169, 225, 0.25);
  --cor-primaria-texto: #176F9A;
  --texto-sobre-cor-primaria: #000000;

  /* Cores de apoio (PASSO 0) */
  --cor-apoio-verde: #74B959;
  --cor-apoio-ardosia: #446B7E;

  /* Neutros do tema claro (padrão) */
  --bg: #f7f8fa;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.7);
  --border: #e5e7eb;
  --text: #1f2937;
  --text-dim: #6b7280;

  /* Estados (todos acima de 4.5:1 no --bg claro, servem de letra) */
  --success: #15803d;
  --danger: #dc2626;
  --warning: #b45309;

  /* Tipografia: Inter é a base, Sora só em título e marca */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  --radius: 10px; --radius-sm: 6px; --radius-lg: 16px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  /* Card em repouso; o --shadow fica pro hover do card clicável e pro que flutua (Padrao_Box_Card:33-34) */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --blur: blur(12px);

  --sidebar-w: 248px;
  --topbar-h: 60px;
  --transicao: .15s ease;

  /* Botão Início na página em que já se está (Padrao_Sidebar_Rodape, estado ativo) */
  --anel-ativo: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
  /* Fundo atrás da sidebar aberta no celular */
  --fundo-sobreposicao: rgba(15, 23, 42, 0.45);

  /* QR Code e folha impressa: preto sobre branco nos dois temas (o leitor do celular não lê QR
     claro sobre fundo escuro, e papel é sempre branco) */
  --qr-fundo: #ffffff;
  --qr-tinta: #000000;

  color-scheme: light;
}

/* Tema escuro: sobrescreve os neutros e os tons da marca que dependem do fundo */
[data-tema="escuro"] {
  --bg: #0d0f12;
  --bg-elev: #14171c;
  --surface: #1a1e24;
  --surface-glass: rgba(26, 30, 36, 0.6);
  --border: #262b33;
  --text: #e8eaed;
  --text-dim: #9aa0a8;

  --success: #2ecc71;
  --danger: #e74c3c;
  --warning: #f1c40f;

  /* No fundo escuro a cor viva passa como letra (acima de 7:1) e o tom suave claro ofuscaria */
  --cor-primaria-texto: var(--cor-primaria);
  --cor-primaria-suave: var(--cor-primaria-soft);

  --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --fundo-sobreposicao: rgba(0, 0, 0, 0.6);

  color-scheme: dark;
}