/* =============================================================================
   assets/00_base.css
   O design system compartilhado: o único arquivo autorizado a ter regra global
   e a declarar `:root`.

   Aqui entra só o que vale para o site inteiro — a Home, a tesouraria e o que
   vier depois. Estilo de módulo mora em `20_<prefixo>_<pacote>.css`, sempre
   dentro do root daquele módulo.

   O conjunto de tokens abaixo é pequeno e FECHADO de propósito. Qualquer token
   fora desta lista é do módulo e nasce em `.xx-app`, mesmo tendo nome genérico:
   nome genérico não significa origem global.
   ============================================================================= */

:root {
  --paper: #f6f6f4;
  --panel: #ffffff;
  --ink: #0b0b0b;
  --muted: #52514e;
  --line: #ececec;
  --accent: #2a78d6;
}

/* O `body` não pode usar os tokens de um módulo: ele é ANCESTRAL do
   `.ts-app`, e herança em CSS desce pela árvore, não sobe. Na primeira
   separação ele ficou com `var(--fundo)`, que passara a existir só dentro do
   módulo — a página inteira perderia o fundo, sem erro em lugar nenhum. */
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

@media print {
  body { background: #fff; }
}