/* Display: SINK -- one weight, appbar only */
@font-face {
  font-family: 'SINK';
  src: url('/fonts/Sink.otf') format('opentype'),
       url('/fonts/Sink.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

/* Body: Helena -- full weight range */
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-extralight.otf') format('opentype'),
       url('/fonts/helvena-extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-light.otf') format('opentype'),
       url('/fonts/helvena-light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-regular.otf') format('opentype'),
       url('/fonts/helvena-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-medium.otf') format('opentype'),
       url('/fonts/helvena-medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-semibold.otf') format('opentype'),
       url('/fonts/helvena-semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Helena';
  src: url('/fonts/helvena-bold.otf') format('opentype'),
       url('/fonts/helvena-bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}