/*
 * Design tokens do SIGEN.
 *
 * Fonte visual de verdade: design_system/design-system.html (PRD seção 38).
 * Este arquivo apenas transforma as referências do design system em
 * CSS custom properties, para impedir divergência entre telas
 * (PRD seção 38.4 — DECISÃO ARQUITETURAL).
 *
 * Não redefinir estas cores em outro lugar do CSS da aplicação.
 */

:root {
  /* Cores de interface */
  --color-bg: #f5f8fb;
  --color-sidebar: #0c213a;
  --color-card: #ffffff;
  --color-border: #eceff5;
  --color-table-head: #f1f5fa;

  /* Cores semânticas */
  --color-primary: #1761fd;
  --color-success: #03d87f;
  --color-warning: #ffb822;
  --color-danger: #f5325c;
  --color-info: #12a4ed;
  --color-secondary: #9ba7ca;
  --color-dark: #1d2c48;

  /* Texto */
  --color-text: #303e67;
  --color-muted: #a4abc5;

  /* Tipografia */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-heading: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Espaçamento base (mobile first) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* Bordas e superfícies */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow-card: 0 2px 4px rgba(31, 30, 47, 0.06);

  /* Navegação mobile (PRD seção 39) */
  --bottom-nav-height: 56px;
  /* Topbar desktop (PRD seção 38 §7 "Proporções do Shell" — 74px). Não
     existe topbar no mobile (ver docs/architecture/decisions/0008). */
  --topbar-height: 74px;
  --sidebar-width: 250px;
}

/*
 * Hospedagem de fontes (PRD seção 9.2 — antes "A DEFINIR"): decisão
 * adotada em `static/css/fonts.css` — self-host de Inter/Roboto via
 * `@font-face`, sem CDN externo. `tokens.css` só declara os nomes de
 * família; `fonts.css` precisa ser carregado antes deste arquivo (ver
 * `templates/base.html`) para o `font-family` acima resolver de fato
 * para os arquivos locais em vez de cair na fonte de sistema.
 */