@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("/static/fonts/rubik-400.woff2") format("woff2"),
       url("/static/fonts/rubik-400.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("/static/fonts/rubik-500.woff2") format("woff2"),
       url("/static/fonts/rubik-500.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url("/static/fonts/rubik-600.woff2") format("woff2"),
       url("/static/fonts/rubik-600.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url("/static/fonts/rubik-700.woff2") format("woff2"),
       url("/static/fonts/rubik-700.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url("/static/fonts/rubik-800.woff2") format("woff2"),
       url("/static/fonts/rubik-800.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url("/static/fonts/rubik-900.woff2") format("woff2"),
       url("/static/fonts/rubik-900.ttf") format("truetype");
}

:root {
  --elynt-font-family: "Rubik", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --elynt-ui-weight: 550;
  --elynt-heading-weight: 650;
  --elynt-heavy-weight: 700;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--elynt-font-family) !important;
}

body {
  font-weight: 400;
}

.font-semibold,
.font-bold,
.font-extrabold,
.font-black,
.brand,
.status-pill,
.button,
.account-primary,
.account-secondary,
.site-control,
.site-control-primary {
  font-weight: var(--elynt-ui-weight) !important;
}

h1,
h2,
h3,
.hero-title,
.section-title {
  font-weight: var(--elynt-heading-weight) !important;
}

strong,
b {
  font-weight: var(--elynt-ui-weight);
}