@font-face {
  font-family: "Cera Pro";
  src: url("./cera-pro-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Cera Pro";
  src: url("./cera-pro-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Cera Pro";
  src: url("./cera-pro-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Cera Pro";
  src: url("./cera-pro-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-sans: "Cera Pro", Arial, sans-serif;
}

html,
body {
  font-family: var(--font-sans);
}

button,
input,
select,
textarea {
  font-family: inherit;
}