/* Tokens do projeto. Unico lugar onde hex de cor pode aparecer. */
:root {
  --cor-primaria: #289810;
  --cor-primaria-hover: #1E730C;
  --cor-primaria-escura: #124507;
  --cor-primaria-suave: #EAF8E7;
  --cor-primaria-sombra: rgba(40, 152, 16, 0.15);
  --cor-primaria-texto: #23860E;
  --texto-sobre-cor-primaria: #000000;
  --cor-laranja: #F87000;
  --cor-laranja-hover: #D85F00;
  --texto-sobre-laranja: #FFFFFF;
  --borda-campo: #8E8E93;
  --font-fechar: "Poppins", "Inter", sans-serif;

  --branco: #FFFFFF;
  /* padrao iOS: fundo agrupado cinza, cartoes brancos, texto preto, separadores finos */
  --fundo: #F2F2F7;
  --texto: #000000;
  --texto-suave: #5C5C61;
  --texto-fraco: #6E6E73;
  --borda: #D9D9DE;
  --cor-erro: #D70015;
  --fundo-modal: rgba(0, 0, 0, 0.4);
  --trilho: #E3E3E8;
  --vidro: rgba(255, 255, 255, 0.82);
  --sombra-seg: 0 1px 3px rgba(0, 0, 0, 0.16);
  --sombra-card: 0 1px 2px rgba(0, 0, 0, 0.05);
  --sombra-folha: 0 -8px 30px rgba(0, 0, 0, 0.12);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;
  --font-titulo: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;

  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  --raio: 12px; --raio-sm: 10px; --raio-lg: 14px; --raio-full: 999px;
  --transicao: .15s ease;
  --sidebar-w: 248px;
  --topbar-h: 60px;
}