@import url(header.css);
@import url(hero.css);

@font-face {
  font-family: "Montserrat";
  src: url(../fonts/Montserrat-VariableFont_wght.ttf);
  font-style: normal;
  font-display: swap;
}

:root {
  --azul-suave-color: #7f9fb3;
  --azul-escuro-color: #2f4a5a;
  --bege-envelhecido-color: #d8c9b1;
  --cinza-claro-color: #e6e6e6;

  --primary-color: #8f0101;
  --secundary-color: #b81515;
  --border-color: #d9d9d9;
  --placeholder-color: #8c8c8c;
  --placeholder-focu-color: #222222;

  --background-primary-color: #ffffff;
  --background-secundary-color: #f5f5f5;
  --background-terciary-color: #000000;

  --text-primary-color: #222222;
  --text-secundary-color: #ffffff;

  --title-weight: 700;
  --text-weight: 400;
  --menu-text-weight: 500;
}

/* CSS RESET */
body, img, h1, p fiEldset, legend, label, input, select, textarea, button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Montserrat";
  color: var(--text-primary-colorprimary-color);
}