/* Identidade visual ChapContábil Financeiro · versão 1.0 (tirada de prototipo/index.html).
   Usado pelo app do celular (celular/) e pela interface do PC (src/interface/). Só a aba Gestor altera. */
:root {
  color-scheme: dark;

  /* Superfícies, do fundo para a frente */
  --cc-bg: #060b16;
  --cc-bg-2: #0a1222;
  --cc-surface: #0e182c;
  --cc-surface-2: #121f38;
  --cc-surface-3: #172744;

  /* Linhas */
  --cc-line: rgba(130, 170, 230, 0.13);
  --cc-line-strong: rgba(130, 170, 230, 0.26);

  /* Texto */
  --cc-text: #e7eef9;
  --cc-muted: #8b9bb7;
  --cc-faint: #5b6b88;

  /* Destaque e semântica (nunca usar só a cor: acompanhar de sinal + / − ou ícone) */
  --cc-accent: #34d3ff;
  --cc-accent-soft: rgba(52, 211, 255, 0.12);
  --cc-accent-2: #7b93ff;
  --cc-on-accent: #031320;
  --cc-entrada: #3ddc97;
  --cc-entrada-soft: rgba(61, 220, 151, 0.12);
  --cc-saida: #ff7a85;
  --cc-saida-soft: rgba(255, 122, 133, 0.12);
  --cc-alerta: #ffc861;
  --cc-alerta-soft: rgba(255, 200, 97, 0.13);
  --cc-on-alerta: #2a1c00;

  /* Forma */
  --cc-radius-sm: 8px;
  --cc-radius: 14px;
  --cc-radius-lg: 18px;

  /* Tipografia */
  --cc-font: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;
  --cc-font-mono: "Cascadia Mono", Consolas, monospace;
  --cc-fs-small: 12px;
  --cc-fs-body: 14px;
  --cc-fs-title: 22px;
  --cc-fs-kpi: 24px;

  /* Toque no celular: alvo mínimo */
  --cc-touch: 48px;
}

.cc-num { font-variant-numeric: tabular-nums; }