@font-face {
  font-family: Inter;
  src: url('/fonts/Inter24pt-Regular.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/fonts/Inter24pt-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/fonts/Inter24pt-Bold.woff2') format('woff2');
  font-weight: bold;
  font-display: swap;
}

:root {
  --app-height: 100vh;
  --font-body: 'Inter', sans-serif;
  --font-ui: var(--font-body);
  --font-size-nav: 16px;
  --font-size-paragraph: clamp(16px, 1.2vw + 0.5rem, 20px);
  --font-size-footer: 11px;
  --color-bg: #151c26;
  --color-text: #e9e9e9;
  --width-report: 666px;
  --line-height-paragraph: 24px;
  --spacing-paragraph: var(--font-size-paragraph);
}

@media (min-width: 768px) {
  :root {
    --font-size-nav: 18px;
    --font-size-footer: 12px;
  }
}

@media (min-width: 1440px) {
  :root {
    --font-size-nav: 24px;
    --font-size-footer: 12px;
  }
}