@font-face {
  font-family: 'Spectral SC';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('/assets/fonts/spectral-sc-300.ttf') format('truetype');
}

@font-face {
  font-family: 'Spectral SC';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/fonts/spectral-sc-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Spectral SC';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/assets/fonts/spectral-sc-500.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter Display';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('/assets/fonts/inter-display-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Inter Display';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/assets/fonts/inter-display-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter Display';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/assets/fonts/inter-display-600.woff2') format('woff2');
}

:root {
  --font-display: 'Spectral SC', Georgia, serif;
  --font-ui: 'Inter Display', Inter, Arial, sans-serif;
  --font-serif: var(--font-display);
  --font-sans: var(--font-ui);
}