@font-face {
  font-family: "Tanker";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/tanker-400.woff2") format("woff2");
}

/*
  Tema base Fulltasks para o CMS.
  Edite apenas este bloco :root para trocar rapidamente cores e fontes globais.
*/
:root {
  /* Altere estas duas variaveis para trocar fontes do CMS inteiro. */
  --fonte-titulo-cms: "Poppins", "Lato", sans-serif;
  --fonte-texto-cms: "Poppins", "Lato", sans-serif;

  --ft-cor-fundo: #ffffff;
  --ft-cor-superficie: #ffffff;
  --ft-cor-primaria: #000000;
  --ft-cor-secundaria: #00dbdb;
  --ft-cor-escura: #070534;
  --ft-cor-texto: #192538;
  --ft-cor-texto-suave: rgba(25, 37, 56, 0.72);
  --ft-cor-menu: #000000;
  --ft-cor-primaria-suave: #58ad7f;
  --ft-cor-borda-suave: rgba(25, 37, 56, 0.16);
  --ft-cor-sucesso: #58ad7f;
  --ft-cor-aviso: #00dbdb;
  --ft-cor-botao-primario-fundo: var(--ft-cor-secundaria);
  --ft-cor-botao-primario-texto: var(--ft-cor-escura);
  --ft-cor-botao-primario-hover-fundo: var(--ft-cor-escura);
  --ft-cor-botao-primario-hover-texto: var(--ft-cor-fundo);
  --ft-cor-botao-escuro-fundo: var(--ft-cor-escura);
  --ft-cor-botao-escuro-texto: var(--ft-cor-fundo);
  --ft-cor-botao-claro-fundo: var(--ft-cor-fundo);
  --ft-cor-botao-claro-texto: var(--ft-cor-escura);
  --ft-cor-play-icone: #ffffff;
  --ft-fonte-titulo: var(--fonte-titulo-cms);
  --ft-fonte-texto: var(--fonte-texto-cms);

  /* Ponte com variaveis do tema legado, para facilitar herdacao no CMS. */
  --main-font: var(--ft-fonte-titulo);
  --base-font: var(--ft-fonte-texto);
  --header-color: var(--ft-cor-escura);
  --text-color: var(--ft-cor-texto-suave);
  --black: var(--ft-cor-botao-escuro-fundo);
  --blue: var(--ft-cor-botao-primario-fundo);
  --plum: var(--ft-cor-botao-primario-fundo);
  --azul-cms: var(--ft-cor-escura);
  --ghost: #f2f4f8;
  --white-smoke: #f2f4f8;
  --smoke: var(--ft-cor-borda-suave);
  --tra-black: rgba(25, 37, 56, 0.08);
  --tra-blue: rgba(0, 219, 219, 0.15);
  --tra-plum: rgba(0, 219, 219, 0.15);
  --tra-laranja: rgba(0, 219, 219, 0.15);
}

body,
button,
input,
select,
textarea {
  font-family: var(--ft-fonte-texto);
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-font,
.module-subtitle {
  font-family: var(--ft-fonte-titulo);
}

/* Garante tipografia principal em todos os H1 do CMS. */
h1 {
  font-family: var(--ft-fonte-titulo) !important;
}

.bg--azul-cms {
  background-color: var(--ft-cor-escura) !important;
}

.wsmenu > .wsmenu-list > li > a.h-link:hover,
.wsmenu > .wsmenu-list > li > a.h-link:focus {
  color: #ffb901 !important;
}