@font-face {
  font-family: "Work Sans";
  src: url("../assets/fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../assets/fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("../assets/fonts/Gordita Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("../assets/fonts/Gordita Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gordita";
  src: url("../assets/fonts/Gordita Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-primary: "Work Sans", sans-serif;
  --font-heading: "Gordita", "Work Sans", sans-serif;

  --color-primary: #2e76af;
  --color-accent: #fd8e39;
  --color-dark: #0d2136;
  --color-white: #ffffff;
  --color-bg-light: #f8f9fa;
  --color-bg-hero: #ddeaf5;
}