@font-face {
  font-family: 'Inter';
  src: url('./fonts/inter-400-800-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins-400-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins-500-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins-600-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins-700-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins-800-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --db-font-sans: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --db-font-display: 'Poppins', 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--db-font-sans);
}

.font-poppins {
  font-family: var(--db-font-display);
}