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

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

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

:root {
  --rb-font-body: "Archivo", Arial, sans-serif;
  --rb-font-strong: "Archivo Black", "Archivo", Arial, sans-serif;
  --rb-font-display: "Bebas Neue", "Archivo", Arial, sans-serif;
}

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

h1,
h2,
.display {
  font-family: var(--rb-font-display) !important;
  font-weight: 400 !important;
}

h1,
h2,
.display,
.welcome h1,
.visual h1,
.login-top h1,
.head h2,
.cta-box h2 {
  letter-spacing: 0.02em !important;
}

h3,
h4,
h5,
h6 {
  font-family: var(--rb-font-strong) !important;
  font-weight: 400 !important;
}

strong,
b,
.eyebrow,
.edition,
.brand,
.button,
.btn,
button,
.badge,
.pill,
.status,
.field label,
.metric b,
.metrics b {
  font-family: var(--rb-font-strong) !important;
  font-weight: 400 !important;
}

.metric b,
.metrics b,
.income,
.deposit,
.referral code,
table td,
table th {
  font-variant-numeric: tabular-nums;
}

code,
pre,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
}