/* Use this as standard across the web pls */

@font-face {
  font-family: "Garet";
  src:
    url("../Resources/Font/Garet-Book.woff2") format("woff2"),
    url("../Resources/Font/Garet-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Garet";
  src:
    url("../Resources/Font/Garet-Heavy.woff2") format("woff2"),
    url("../Resources/Font/Garet-Heavy.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

:root {
  --font-main: "Garet", sans-serif;
  --font-heading: "Garet", sans-serif;
  --text-base: 16px;
  --text-sm: 14px;
}

body {
  font-family: var(--font-main);
  font-size: var(--text-base);
  font-weight: 400;
  color: #1f2937;
}

h1,
h2,
h3,
strong {
  font-weight: 700;
}

/* Forced Inheritance of font by default. Can be adjusted later on to exclude certain elements. */
body, button, input, textarea, select, h1,h2,h3,h4,h5,h6,p,span,div,strong {
    font-family: var(--font-main) !important;
}

.logo {
    font-family: 'Alegreya SC', serif !important;
}