/* =====================================================================
   CARTOGRAFIA · tokens.css — variáveis de design
   ===================================================================== */
:root {
  /* Tinta */
  --ink: #0E1F2E; --ink-2: #23384C; --ink-3: #4A5A6B;
  --ink-4: #8695A3; --ink-5: #B0BAC5;

  /* Papel */
  --paper: #F5F0E4; --paper-2: #EDE6D3; --paper-3: #E4DCC1;
  --paper-4: #DED4B8; --paper-5: #D4C9A8;

  /* Sinais */
  --consensus: #2A7266; --consensus-soft: rgba(42,114,102,0.08);
  --consensus-hover: #235B52;
  --dissent: #B33A2A; --dissent-soft: rgba(179,58,42,0.06);
  --dissent-hover: #932F22;
  --bridge: #C89B3C; --bridge-soft: rgba(200,155,60,0.10);
  --bridge-hover: #A98230;

  /* Linhas & sombras */
  --rule: rgba(14,31,46,0.14);
  --rule-strong: rgba(14,31,46,0.22);
  --rule-light: rgba(14,31,46,0.06);
  --shadow-sm: 0 1px 2px rgba(14,31,46,0.06);
  --shadow-md: 0 4px 12px rgba(14,31,46,0.08);
  --shadow-lg: 0 8px 32px rgba(14,31,46,0.12);

  /* Tipografia */
  --f-display: 'Newsreader', Georgia, serif;
  --f-body: 'Inter', -apple-system, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.12s;
  --dur-med: 0.2s;
}