@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

::selection {
	background: var(--color-primary-medium);
  color: var(--color-neutral-lowest);
}


.display1 {
  font-size: 5rem;
  line-height: 5rem;
  font-family: "Dela Gothic One";
}
.display2 {
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-family: "Dela Gothic One";
}
.display3 {
  font-size: 3rem;
  line-height: 3rem;
  font-family: "Dela Gothic One";
}
.display4 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-family: "Dela Gothic One";
}
.display5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: "Dela Gothic One";
}
.display6 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: "Dela Gothic One";
}
.h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 900;
}
.h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 900;
}
.h3 {
  font-size: 1.27rem;
  line-height: 1.77rem;
  font-weight: 900;
}
.h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 900;
}
.h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 900;
}
.h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 900;
}
.text-xl {
  font-size: 1.375rem;
  line-height: 2.125rem;
}
.text-large {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-medium {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-smaller {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-smallest {
  font-size: 0.625rem;
  line-height: 0.8125rem;
}
.text-bold { font-weight: 700 }
.text-label { font-weight: 500 }