/*=== Por que criei esse arquivo ===*/
/* Mas organização de cores, estilos, fonts, espaçamentos,etc. isso é um arquivo de configuração*/

:root {
  --clr-black: #000;

  --bg-clr-black: #000;
  --bg-clr-gray: #E0E0E0;
  --bg-clr-white: #fff;

  --body-family: "Inter", Arial, Helvetica, sans-serif;
  --title-family: "Inter", Arial, Helvetica, sans-serif;

  /*----------------------*\
  =   Volatile Variables   =
  \*----------------------*/
  --hs-flow-space: 1rem;
  --hs-grid-space: 1rem;
  --hs-flex-space: 1rem;
}

/* font styles for all body tags */

body * {
  font-family: var(--body-family);
}


/* font styles for page titles */
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-family: var(--title-family);
}