/* fonts */
:root {
  --primary-font: "Lato", sans-serif;
  --primary-font-thin: 100;
  --primary-font-light: 300;
  --primary-font-regular: 400;
  --primary-font-bold: 700;
  --secondary-font: "Prata", serif;
  --secondary-font-regular: 400;
  --deafult-font-size: 16px;
  font-size: var(--deafult-font-size);
}

body {
  font-family: var(--primary-font);
  font-size: var(--deafult-font-size);
  color: var(--black);
  line-height: 1.375;
  font-weight: var(--primary-font-regular);
}

h1,
h2,
h3,
h4,
h5,
h6,
.secondary-font {
  font-family: var(--secondary-font);
  font-weight: var(--secondary-font-regular);
}

.secondary-light {
  font-weight: var(--secondary-font-light);
}

.secondary-bold {
  font-weight: var(--secondary-font-bold);
}

.secondary-extra-bold {
  font-weight: var(--secondary-font-extrabold);
}