@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap");

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

@font-face {
  font-family: "TT Commons Pro";
  src: url("assets/fonts/TT-Commons-Pro-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url("assets/fonts/TT-Commons-Pro-Medium.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url("assets/fonts/TT-Commons-Pro-DemiBold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "TT Commons Pro";
  src: url("assets/fonts/TT-Commons-Pro-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "TT Commons Pro", Inter, Arial, sans-serif;
}

h1,
h2 {
  font-family: var(--serif);
  font-weight: 400;
}

h3,
.logo-mark,
.experience-card strong,
.quote-mark,
summary {
  font-family: var(--sans);
}