/* Tokens do design system CBA (identidade institucional verde). Use apenas variáveis (permite tema escuro no futuro). */
:root {
  /* Verdes: --navy/--navy-900 mantêm os nomes antigos (o painel, botões e rodapé os usam) */
  --navy: #0B5A3C; --navy-900: #063D2A;
  --green-700: #0B6B47; --green-500: #1F9D63; --mint: #6BE3A0;
  --teal: #1F9D63; --teal-text: #0B6B47;
  --lime: #8CC63F; --lime-text: #3C6B0A;
  --ground: #F5F8F6; --surface: #FFFFFF; --border: #DDE8E2;
  --ink: #0B4F36; --ink-2: #2D4A3F; --muted: #4A5F57; --muted-2: #62766D;
  --ok-bg: #E3F4E8; --ok-text: #0B6B3A;
  --warn-bg: #FDEBD0; --warn-text: #8A3B00;
  --info-bg: #E6F1EC; --wait-bg: #F0EFDC; --wait-text: #6A5A12;
  --code-bg: #0A2E21; --code-ink: #E3F4E8;

  --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;

  --radius: 12px; --radius-lg: 16px;
  --shadow: 0 2px 12px rgba(6, 61, 42, .07);
  --container: 1200px;
  --gutter: 16px;
  --tap: 44px;
}
@media (min-width: 960px) { :root { --gutter: 40px; } }