/* Tokens RN Contabilidade. UNICO arquivo onde cor em hex pode aparecer.
   Decisoes (DIA 3, 31/10/2026): token --cor-primaria (+ -suave, -escura); tema SO light; status RN. */
:root {
  /* Marca (paleta monocromatica RN) */
  --cor-primaria: #282829;
  --cor-primaria-escura: #1F1F20;
  --cor-primaria-suave: #F2F2F3;
  --texto-sobre-cor-primaria: #FFFFFF;
  --cor-primaria-soft: rgba(40, 40, 41, 0.12);
  --cor-primaria-sombra: rgba(40, 40, 41, 0.18);

  /* Status */
  --foco: #315C73;
  --teal: #2F766D;
  --ambar: #A15C00;
  --verde: #2E7D32;
  --vermelho: #B3261E;
  --foco-suave: rgba(49, 92, 115, 0.10);
  --teal-suave: rgba(47, 118, 109, 0.10);
  --ambar-suave: rgba(161, 92, 0, 0.10);
  --verde-suave: rgba(46, 125, 50, 0.10);
  --vermelho-suave: rgba(179, 38, 30, 0.08);

  /* Neutros */
  --branco: #FFFFFF;
  --fundo: #F7F7F8;
  --fundo-elevado: #FBFBFB;
  --texto: #1F1F20;
  --texto-secundario: #4D4D50;
  --texto-fraco: #6E6E72;
  --borda: #E3E3E5;
  --borda-forte: #C9C9CC;
  --overlay: rgba(31, 31, 32, 0.55);
  --vidro: rgba(255, 255, 255, 0.95);
  --brilho: rgba(255, 255, 255, 0.4);

  /* Tipografia: Inter (base) + Sora (destaque) */
  --font: "Inter", "Segoe UI", -apple-system, 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;

  /* Espacos, raios, sombras */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;
  --sombra-sm: 0 1px 3px rgba(31, 31, 32, 0.07);
  --sombra: 0 8px 24px rgba(31, 31, 32, 0.10);
  --sombra-md: 0 14px 34px rgba(31, 31, 32, 0.15);
  --sombra-lg: 0 24px 60px rgba(31, 31, 32, 0.28);
  --sombra-topo: 0 8px 18px -10px rgba(31, 31, 32, 0.28), 0 2px 6px -2px rgba(31, 31, 32, 0.08);
  --serie-a: var(--cor-primaria);
  --serie-b: var(--teal);
  --zebra: rgba(40, 40, 41, 0.065);
  --linha-hover: rgba(40, 40, 41, 0.13);
  --transicao: 160ms ease;

  /* Layout */
  --sidebar-width: 248px;
  --topbar-height: 60px;
  --h-controle: 40px;
  --h-controle-sm: 36px;
}