@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-400-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-500-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-600-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-700-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../reference-assets/files/0a44e0bb6ba5c8537e8814c148ef7755f1bce12112361231f595ecc584a18d7a.woff2") format("woff2");
}

:root {
  --ez8-brand: #41b6e7;
  --ez8-brand-strong: #159bd2;
  --ez8-brand-pale: #e8f8fe;
  --ez8-ink: #111827;
  --ez8-muted: #737985;
  --ez8-faint: #a9adb5;
  --ez8-line: #e6e7e9;
  --ez8-panel: #f7f7f8;
  --ez8-white: #fff;
  --ez8-hot: #ef2835;
  --ez8-content: 1248px;
  --ez8-shadow: 0 5px 18px rgba(15, 23, 42, .12);
  --ez8-font: "Poppins", Arial, sans-serif;
  --ez8-font-roboto: "Roboto", Arial, sans-serif;
}