/* https://css-tricks.com/snippets/css/using-font-face/ */
@font-face {
  font-family: 'Franklin Gothic';
  src: url('../fonts/FranklinGothicFS-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Franklin Gothic';
  src: url('../fonts/FranklinGothicFS-Med.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Franklin Gothic';
  src: url('../fonts/FranklinGothicFS-Demi.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Neusa';
  src: url('../fonts/NeusaNextPro-CompactMedium.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

:root {
  --red: #FA320A;
  --redRGB: 250, 50, 10;
  --redDark1: #A33E2A;

  --blue: #3976DC;
  --blueHover: #2A62C0;

  --gray: #757A84;
  --grayLight1: #F3F3F3;
  --grayLight2: #E9E9EA;
  --grayLight3: #DCDCE6;
  --grayLight4: #BCBDBE;
  --grayDark1: #505257;
  --grayDark2: #2A2C32;
  --grayDark3: #171C20;
  --grayDark4: #333e48;

  --orange: #FF7300;

  --yellow: #FFB600;

  --white: #FFFFFF;
  --black: #000000;
  --blackRGB: 0, 0, 0;

  --yellowLegacy: #FFE400;
  --blueLightLegacy: #EBF3FE;

  --franklinGothicFamily: 'Franklin Gothic', -apple-system, BlinkMacSystemFont, 'PT Sans', Arial, Sans-Serif;
  --franklinGothicBook: 400;
  --franklinGothicMedium: 500;
  --franklinGothicDemi: 600;
  --fontNeusa: 'Neusa', 'Impact', 'Helvetica Neue', Arial, Sans-Serif;
  --fontMonospace: 'Courier New', Courier, monospace;
}