@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");

:root {
  --arena-font-family: "Cairo", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
label,
.btn,
.form-control,
.form-select,
.input-group-text,
.dropdown-menu,
.modal,
.toast,
.tooltip,
.popover,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
small,
strong,
b,
em,
li,
dt,
dd,
th,
td {
  font-family: var(--arena-font-family) !important;
}

code,
pre,
kbd,
samp,
.font-monospace,
[data-monospace] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}