/* Croko: fontes e variáveis da marca. Fonte da verdade: tokens.json */

@font-face { font-family: "Inter"; src: url("./fonts/Inter-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("./fonts/BricolageGrotesque-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }

:root {
  --pantano: #0A3A2D;
  --croko: #0F7A59;
  --lagoa: #7FE3B5;
  --olho: #7FE3B5;
  --brejo: #D5F1E4;
  --icone-topo: #3A7C69;
  --icone-base: #04271D;
  --texto: #111A17;
  --texto-2: #4A5A54;
  --texto-3: #687771;
  --fundo: #F2F6F4;
  --fundo-lateral: #E8EEEB;
  --superficie: #FFFFFF;
  --selecao: #D6DEDB;
  --separador: #E2E9E5;
  --borda: #CBD6D1;
  --borda-destaque: #ABD1C5;
  --funil-1: #6DC49B;
  --funil-2: #47B083;
  --funil-3: #239A6E;
  --funil-4: #07825C;
  --funil-5: #006B4B;
  --funil-6: #01543C;
  --funil-7: #073D2D;
  --funil-8: #05291E;
  --pos-1: #86B6EF;
  --pos-2: #497DE1;
  --pos-3: #2850AF;
  --pos-4: #1C3262;
  --contratado: #2E5FD8;
  --acima-meta: #12803A;
  --meta: #CBD6D1;
  --moldura: #E1E8F9;
  --moldura-borda: #6287E2;
  --moldura-rosa: #F8E7E7;
  --moldura-rosa-borda: #D36B6B;
  --alerta: #FAB219;
  --raio-8: 8px;
  --raio-10: 10px;
  --raio-12: 12px;
  --raio-16: 16px;
  --raio-20: 20px;
  --raio-icone: 22%;
  --raio-total: 999px;
  --barra-lateral: 240px;
  --item-lateral: 32px;
  --controle: 32px;
  --botao: 40px;
  --linha-lista: 44px;
  --coluna-entrada: 340px;
  --icone-app: 72px;
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-20: 20px;
  --espaco-24: 24px;
  --espaco-28: 28px;
  --espaco-32: 32px;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Bricolage Grotesque', Inter, sans-serif;
}