@font-face { font-family: "Inter"; src: url("/assets/inter-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/inter-500.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/inter-600.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/inter-700.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/inter-800.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/assets/inter-900.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/assets/oswald-500.ttf") format("truetype"); font-style: normal; font-weight: 400 500; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/assets/oswald-600.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/assets/oswald-700.ttf") format("truetype"); font-style: normal; font-weight: 700 900; font-display: swap; }

:root {
  --rb-display: "Oswald", "Arial Narrow", Arial, sans-serif;
  --rb-body: "Inter", "Segoe UI", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--rb-body);
}

h1,
h2,
h3,
.brand,
.rb-brand,
.section-title,
.hero-title,
.identity h1,
.guest-card h2,
.section-head h2,
.stat-card strong,
.pulse-card strong,
.intro h1,
.promote h2,
.detail-head h2 {
  font-family: var(--rb-display);
}