/* ============================================================
   Pedra Branca Contabilidade — Design Tokens v2.0 (jul/2026)
   Cole este bloco inteiro no :root de qualquer projeto.
   Identidade v1 (navy #001344, #0EA5E9, Geist, Fraunces,
   areia/ouro) está APOSENTADA — não usar.
   ============================================================ */
:root {
  /* ---- Acento (azul neon) ---- */
  --azul-neon-escuro: #00D4FF;   /* sobre fundos escuros */
  --azul-neon-claro:  #00A2D9;   /* sobre fundos claros */

  /* ---- Neutros ---- */
  --off-white:   #FAFAF9;
  --grafite:     #1C1917;
  --grafite-900: #151312;
  --cinza-700:   #57534E;
  --cinza-400:   #A8A29E;
  --cinza-200:   #E7E5E4;

  /* ---- Funcionais (status apenas) ---- */
  --verde:    #10B981;
  --vermelho: #EF4444;

  /* ---- Tipografia ---- */
  --sans: 'Manrope', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', monospace;
  /* Pesos Manrope: 400 corpo / 500 UI / 600 subtítulo / 700 destaque / 800 hero */

  /* ---- Escala tipográfica sugerida ---- */
  --t-xs: 12px; --t-sm: 14px; --t-md: 16px; --t-lg: 20px;
  --t-xl: 28px; --t-2xl: 40px; --t-hero: 56px;

  /* ---- Espaçamento (base 8px) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px;  --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;  --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* ---- Raio ---- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-full: 999px;

  /* ---- Bordas e sombras ---- */
  --borda-escuro: 1px solid rgba(87, 83, 78, 0.30);  /* cards em fundo escuro */
  --borda-claro:  1px solid var(--cinza-200);         /* cards em fundo claro */
  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06);
  --shadow-md: 0 4px 12px rgba(28, 25, 23, 0.08);
}

/* ---- Temas base ---- */
.tema-escuro, [data-tema="escuro"] {
  background: var(--grafite-900);
  color: var(--off-white);
  --acento: var(--azul-neon-escuro);
  --texto-secundario: var(--cinza-400);
  --superficie: var(--grafite);
  --borda: rgba(87, 83, 78, 0.30);
}
.tema-claro, [data-tema="claro"] {
  background: var(--off-white);
  color: var(--grafite);
  --acento: var(--azul-neon-claro);
  --texto-secundario: var(--cinza-700);
  --superficie: #FFFFFF;
  --borda: var(--cinza-200);
}

body { font-family: var(--sans); font-weight: 400; }
.num, .valor, td.numero { font-family: var(--mono); font-variant-numeric: tabular-nums; }