/* ═══════════════════════════════════════════════════════════
   TOKENS DE DESIGN — LMGF
   Variáveis reutilizáveis em todo o sistema.
   Para mudar cor/fonte/espaçamento, mude AQUI.
═══════════════════════════════════════════════════════════ */

:root {
  /* Cores principais */
  --navy: #1F4E79;
  --navy-d: #163a5c;
  --navy-m: #2563a8;
  --navy-l: #3b82c4;

  /* Cores de fundo */
  --bg: #EFF3F8;
  --white: #fff;

  /* Cores de borda */
  --border: #D5DDE8;
  --border2: #C0CCDB;

  /* Cores de texto */
  --text: #1A2636;
  --text2: #4A607A;
  --text3: #8A9DB5;

  /* Cores de status */
  --neg: #C00000;
  --pos: #1A5C2A;
  --zero: #B0BBCA;

  /* Tipografia */
  --font-base: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

/* Reset básico */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-base);
  background: var(--bg);
  color: var(--text);
  font-size: 12px;
}