/* Inter Variable Font */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 500 700;
  src: url('Inter-VariableFont.ttf') format('truetype');
  font-display: swap;
}

:root {
  --font-family-sans-serif: 'Inter', 'Arial', system-ui, -apple-system,
    'BlinkMacSystemFont', sans-serif;
  --font-heading-xxxlarge: normal 700 4rem/4.5rem var(--font-family-sans-serif);
  --font-heading-xxlarge: normal 700 3rem/4rem var(--font-family-sans-serif);
  --font-heading-xlarge: normal 700 2rem/2.5rem var(--font-family-sans-serif);
  --font-heading-large: normal 700 1.5rem/2rem var(--font-family-sans-serif);
  --font-heading-medium: normal 700 1.25rem/2rem var(--font-family-sans-serif);
  --font-heading-small: normal 700 1rem/1.5rem var(--font-family-sans-serif);
  --font-heading-xsmall: normal 700 0.875rem/1.5rem
    var(--font-family-sans-serif);
  --font-labels-large: normal 500 1.125rem/1.5rem var(--font-family-sans-serif);
  --font-labels-medium: normal 500 1rem/1.25rem var(--font-family-sans-serif);
  --font-labels-small: normal 500 0.875rem/1.25rem var(--font-family-sans-serif);
  --font-labels-xsmall: normal 500 0.75rem/1rem var(--font-family-sans-serif);
  --font-paragraph-large: normal 400 1.125rem/2.25rem
    var(--font-family-sans-serif);
  --font-paragraph-medium: normal 400 1rem/2rem var(--font-family-sans-serif);
  --font-paragraph-small: normal 400 0.875rem/1.5rem
    var(--font-family-sans-serif);
  --font-paragraph-xsmall: normal 400 0.75rem/1.25rem
    var(--font-family-sans-serif);
}