/* =====================================================================
   Rail Alphabet for every page of the Screen Manager.

   Rail Alphabet is a licensed typeface, so it isn't included. Put your
   licensed font files in this folder with these names (any of .woff2,
   .woff, .ttf or .otf – .woff2 is smallest):

     RailAlphabet-Light      (weight 300)
     RailAlphabet-Regular    (weight 400)
     RailAlphabet-Medium     (weight 500)
     RailAlphabet-Bold       (weight 700)

   You only need the weights you have; the browser uses the nearest one.
   If the font is installed on a TV or PC it's used from there instead.
   With no Rail Alphabet available, pages fall back to Helvetica/Arial.
   ===================================================================== */

@font-face {
  font-family: 'Rail Alphabet';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Rail Alphabet Light'), local('RailAlphabet-Light'),
       local('Rail Alphabet 2 Light'), local('New Rail Alphabet Light'),
       url('RailAlphabet-Light.woff2') format('woff2'),
       url('RailAlphabet-Light.woff') format('woff'),
       url('RailAlphabet-Light.ttf') format('truetype'),
       url('RailAlphabet-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Rail Alphabet';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Rail Alphabet Regular'), local('RailAlphabet-Regular'),
       local('Rail Alphabet 2 Regular'), local('New Rail Alphabet Regular'),
       url('RailAlphabet-Regular.woff2') format('woff2'),
       url('RailAlphabet-Regular.woff') format('woff'),
       url('RailAlphabet-Regular.ttf') format('truetype'),
       url('RailAlphabet-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Rail Alphabet';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Rail Alphabet Medium'), local('RailAlphabet-Medium'),
       local('Rail Alphabet 2 Medium'), local('New Rail Alphabet Medium'),
       url('RailAlphabet-Medium.woff2') format('woff2'),
       url('RailAlphabet-Medium.woff') format('woff'),
       url('RailAlphabet-Medium.ttf') format('truetype'),
       url('RailAlphabet-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Rail Alphabet';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Rail Alphabet Bold'), local('RailAlphabet-Bold'),
       local('Rail Alphabet 2 Bold'), local('New Rail Alphabet Bold'),
       url('RailAlphabet-Bold.woff2') format('woff2'),
       url('RailAlphabet-Bold.woff') format('woff'),
       url('RailAlphabet-Bold.ttf') format('truetype'),
       url('RailAlphabet-Bold.otf') format('opentype');
}

:root {
  --rail-font: 'Rail Alphabet', 'New Rail Alphabet', 'Rail Alphabet 2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}