@font-face {
  font-family: "Inter Variable";
  src: url("../fonts/inter/InterVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --fb-font-family-inter:
    "Inter Variable",
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --fb-font-weight-regular: 400;
  --fb-font-weight-medium: 500;
  --fb-font-weight-semibold: 600;
  --fb-font-weight-bold: 700;
  --fb-type-caption-size: 0.75rem;
  --fb-type-caption-line-height: 1rem;
  --fb-type-label-size: 0.8125rem;
  --fb-type-label-line-height: 1.125rem;
  --fb-type-body-compact-size: 0.875rem;
  --fb-type-body-compact-line-height: 1.25rem;
  --fb-type-body-size: 0.9375rem;
  --fb-type-body-line-height: 1.375rem;
  --fb-type-card-title-size: 1rem;
  --fb-type-card-title-line-height: 1.375rem;
  --fb-type-section-title-size: 1.125rem;
  --fb-type-section-title-line-height: 1.625rem;
  --fb-type-page-title-size: 1.375rem;
  --fb-type-page-title-line-height: 1.875rem;
  --fb-type-total-size: 1.5rem;
  --fb-type-total-line-height: 1.75rem;
}