/* Gerado por ferramentas/marca/conferir_marca.py --gerar-css a partir do tokens.json. Nao edite a mao:
   mude o tokens.json e rode o comando de novo. */

:root {
  /* cor */
  --cor-mar-profundo: #006b8f;
  --cor-turquesa-carioca: #00b7c7;
  --cor-por-do-sol: #ff7a3c;
  --cor-areia: #f4d38b;
  --cor-cookie: #d8a15a;
  --cor-chocolate: #4f2d1a;
  --cor-rio-night: #211e1b;
  --cor-areia-clara: #f6e9d7;
  --cor-branco: #ffffff;

  /* cor-apoio */
  --cor-apoio-verde: #276b43;
  --cor-apoio-verde-claro: #e3f1e8;
  --cor-apoio-vermelho: #b3261e;
  --cor-apoio-vermelho-claro: #f9e1de;
  --cor-apoio-ambar: #7a4a00;
  --cor-apoio-ambar-claro: #fcefd6;
  --cor-apoio-mar-escuro: #005a78;
  --cor-apoio-mar-noturno: #004a63;
  --cor-apoio-mar-claro: #e0f2f7;
  --cor-apoio-por-do-sol-escuro: #e86a2c;
  --cor-apoio-cacau: #6b5a4e;
  --cor-apoio-cacau-claro: #8c7560;
  --cor-apoio-areia-molhada: #d9c7ae;

  /* uso */
  --uso-texto: var(--cor-chocolate);
  --uso-texto-forte: var(--cor-rio-night);
  --uso-texto-secundario: var(--cor-apoio-cacau);
  --uso-texto-inverso: var(--cor-areia-clara);
  --uso-fundo: var(--cor-areia-clara);
  --uso-fundo-cartao: var(--cor-branco);
  --uso-fundo-destaque: var(--cor-areia);
  --uso-fundo-escuro: var(--cor-rio-night);
  --uso-link: var(--cor-mar-profundo);
  --uso-link-escuro: var(--cor-turquesa-carioca);
  --uso-foco: var(--cor-mar-profundo);
  --uso-foco-escuro: var(--cor-turquesa-carioca);
  --uso-borda-campo: var(--cor-apoio-cacau-claro);
  --uso-divisoria: var(--cor-apoio-areia-molhada);
  --uso-traco: var(--cor-por-do-sol);
  --uso-botao-primario-fundo: var(--cor-por-do-sol);
  --uso-botao-primario-texto: var(--cor-rio-night);
  --uso-botao-primario-fundo-passar: var(--cor-apoio-por-do-sol-escuro);
  --uso-botao-secundario-fundo: var(--cor-mar-profundo);
  --uso-botao-secundario-texto: var(--cor-branco);
  --uso-botao-secundario-fundo-passar: var(--cor-apoio-mar-escuro);
  --uso-botao-secundario-fundo-pressionado: var(--cor-apoio-mar-noturno);
  --uso-botao-fantasma-texto: var(--cor-chocolate);
  --uso-botao-fantasma-borda: var(--cor-chocolate);
  --uso-botao-fantasma-fundo-passar: var(--cor-areia);
  --uso-botao-fantasma-fundo-pressionado: var(--cor-apoio-areia-molhada);
  --uso-sucesso-texto: var(--cor-apoio-verde);
  --uso-sucesso-fundo: var(--cor-apoio-verde-claro);
  --uso-erro-texto: var(--cor-apoio-vermelho);
  --uso-erro-fundo: var(--cor-apoio-vermelho-claro);
  --uso-aviso-texto: var(--cor-apoio-ambar);
  --uso-aviso-fundo: var(--cor-apoio-ambar-claro);
  --uso-informacao-texto: var(--cor-apoio-mar-noturno);
  --uso-informacao-fundo: var(--cor-apoio-mar-claro);
  --uso-alergeno-texto: var(--cor-apoio-ambar);
  --uso-alergeno-fundo: var(--cor-apoio-ambar-claro);
  --uso-pilula-novo-texto: var(--cor-apoio-mar-noturno);
  --uso-pilula-novo-fundo: var(--cor-apoio-mar-claro);
  --uso-pilula-pago-texto: var(--cor-apoio-verde);
  --uso-pilula-pago-fundo: var(--cor-apoio-verde-claro);
  --uso-pilula-em-producao-texto: var(--cor-apoio-ambar);
  --uso-pilula-em-producao-fundo: var(--cor-apoio-ambar-claro);
  --uso-pilula-pronto-texto: var(--cor-chocolate);
  --uso-pilula-pronto-fundo: var(--cor-areia);
  --uso-pilula-saiu-texto: var(--cor-branco);
  --uso-pilula-saiu-fundo: var(--cor-mar-profundo);
  --uso-pilula-entregue-texto: var(--cor-branco);
  --uso-pilula-entregue-fundo: var(--cor-apoio-verde);
  --uso-pilula-cancelado-texto: var(--cor-apoio-vermelho);
  --uso-pilula-cancelado-fundo: var(--cor-apoio-vermelho-claro);
  --uso-barra-lateral-fundo: var(--cor-rio-night);
  --uso-barra-lateral-texto: var(--cor-areia-clara);
  --uso-barra-lateral-fundo-passar: var(--cor-chocolate);
  --uso-barra-lateral-fundo-ativo: var(--cor-por-do-sol);
  --uso-barra-lateral-texto-ativo: var(--cor-rio-night);
  --uso-barra-abas-fundo: var(--cor-branco);
  --uso-barra-abas-texto: var(--cor-apoio-cacau);
  --uso-barra-abas-texto-ativo: var(--cor-mar-profundo);
  --uso-barra-abas-borda: var(--cor-apoio-areia-molhada);
  --uso-tendencia-boa: var(--cor-apoio-verde);
  --uso-tendencia-ruim: var(--cor-apoio-vermelho);

  /* fonte */
  --fonte-titulo: "Poppins", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
  --fonte-frase: "Permanent Marker", cursive;
  --fonte-texto: "Poppins", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
  --fonte-sistema: "Inter", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;

  /* peso */
  --peso-regular: 400;
  --peso-medio: 500;
  --peso-seminegrito: 600;

  /* tamanho */
  --tamanho-legenda: 0.75rem;
  --tamanho-pequeno: 0.875rem;
  --tamanho-texto: 1rem;
  --tamanho-subtitulo: 1.25rem;
  --tamanho-titulo-3: 1.5rem;
  --tamanho-titulo-2: 2rem;
  --tamanho-titulo-1: 2.5rem;
  --tamanho-destaque: 3.5rem;

  /* altura-linha */
  --altura-linha-texto: 1.5;
  --altura-linha-titulo: 1.1;

  /* espaco */
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-24: 24px;
  --espaco-32: 32px;
  --espaco-48: 48px;
  --espaco-64: 64px;
  --espaco-96: 96px;

  /* raio */
  --raio-controle: 8px;
  --raio-cartao: 16px;
  --raio-pilula: 999px;

  /* sombra */
  --sombra-cartao: 0px 1px 2px 0px rgb(33 30 27 / 0.08), 0px 8px 24px 0px rgb(33 30 27 / 0.12);
  --sombra-pressionado: inset 0px 2px 4px 0px rgb(33 30 27 / 0.25);

  /* grade */
  --grade-largura-max: 1200px;
  --grade-colunas: 12;
  --grade-calha: 24px;
  --grade-calha-celular: 16px;

  /* quebra */
  --quebra-pequena: 640px;
  --quebra-media: 960px;
  --quebra-grande: 1200px;

  /* toque */
  --toque-minimo: 44px;

  /* controle */
  --controle-altura: 48px;

  /* tabela */
  --tabela-linha: 44px;

  /* foco */
  --foco-largura: 2px;
  --foco-afastamento: 2px;

  /* movimento */
  --movimento-rapido: 120ms;
  --movimento-normal: 200ms;
  --movimento-curva: cubic-bezier(0.2, 0, 0, 1);

  /* opacidade */
  --opacidade-desabilitado: 0.4;
}