@font-face {
  font-family: 'Ranade';
  src: url('/fonts/Ranade-Thin.otf') format('opentype');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Ranade';
  src: url('/fonts/Ranade-Light.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Fragment Mono';
  src: url('/fonts/FragmentMono-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Fragment Mono';
  src: url('/fonts/FragmentMono-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-display: 'Ranade', 'Helvetica Neue', sans-serif;
  --font-body: 'Ranade', 'Helvetica Neue', sans-serif;
  --font-label: 'Fragment Mono', monospace;
  --font-display-weight: 300;
  --font-body-weight: 300;
  --font-label-weight: 400;
  --font-emphasis-style: normal;
}