/* ========================================================================
   COLOR TOKENS
   ======================================================================== */
:root {
  --mastercolor: #000000;
  --secondaryMastercolor: #f66320;
  --secondaryMastercolorLite: #ff51001f;
  --gray: #e8eef3;
  --black: #000;
  --white: #fff;
  --orange: #f15a24;

  --primaryHeadingColor: #000000;
  --primaryTextColor: #565656;

  --landingBackground: #F8F8F8;
  --landingBackgroundLinearGradient: linear-gradient(
    180deg,
    #ececec 0%,
    #ffffff 100%
  );
  --primaryButtonColor: #f66320;
  --primaryButtonTextColor: #ffffff;
  --primaryButtonHoverColor: #f15a24;
  --primaryButtonHoverTextColor: #ffffff;
  --primaryButtonFontSize: 14px;

  --layoutBorderColor: #b2b3b7;

  --font-primary: "Instrument Sans", sans-serif;
  --font-secondary: "Helvetica Neue", "Helvetica", Arial, sans-serif;

  --fw_thin: 100;
  --fw_extra_light: 200;
  --fw_light: 300;
  --fw_normal: 400;
  --fw_medium: 500;
  --fw_semibold: 600;
  --fw_bold: 700;
  --fw_heavy: 800;
  --fw_black: 900;
}

/* ========================================================================
   FONT FACES — INSTRUMENT SANS
   Files: Regular (400), Medium (500), SemiBold (600), Bold (700)
   ======================================================================== */

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/instrumentSans/InstrumentSans-Regular.ttf")
    format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/instrumentSans/InstrumentSans-Medium.ttf")
    format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/instrumentSans/InstrumentSans-SemiBold.ttf")
    format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/instrumentSans/InstrumentSans-Bold.ttf")
    format("truetype");
  font-display: swap;
}

/* ========================================================================
   FONT FACES — HELVETICA NEUE
   Files: Thin (100), UltraLight (200), Light (300), Roman (400), 
          Medium (500), Bold (700), Heavy (800), Black (900)
   ======================================================================== */

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 100;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueThin.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 200;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueUltraLight.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 300;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueLight.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueRoman.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueMedium.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueBold.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 800;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueHeavy.otf")
    format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 900;
  src: url("../assets/fonts/helveticaNeue/HelveticaNeueBlack.otf")
    format("opentype");
  font-display: swap;
}