// Import custom fonts

@font-face {
  font-family: "Gilroy-Thin";
  src: url("~@/assets/fonts/Gilroy-Thin.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Regular";
  src: url("~@/assets/fonts/Gilroy-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Medium";
  src: url("~@/assets/fonts/Gilroy-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Light";
  src: url("~@/assets/fonts/Gilroy-Light.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Condensed-Light";
  src: url("~@/assets/fonts/Gilroy-Light.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url("~@/assets/fonts/Gilroy-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Black";
  src: url("~@/assets/fonts/Gilroy-Black.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Italic";
  src: url("~@/assets/fonts/Gilroy-RegularItalic.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-LightItalic";
  src: url("~@/assets/fonts/Gilroy-LightItalic.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-MediumItalic";
  src: url("~@/assets/fonts/Gilroy-MediumItalic.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-BoldItalic";
  src: url("~@/assets/fonts/Gilroy-BoldItalic.otf") format("opentype");
}

// Set font variables

$Gilroy-Thin: "Gilroy-Thin", sans-serif !default;
$Gilroy-Regular: "Gilroy-Regular", sans-serif !default;
$Gilroy-Medium: "Gilroy-Medium", sans-serif !default;
$Gilroy-Light: "Gilroy-Light", sans-serif !default;
$Gilroy-Condensed-Light: "Gilroy-Condensed-Light", sans-serif !default;
$Gilroy-Bold: "Gilroy-Bold", sans-serif !default;
$Gilroy-Black: "Gilroy-Black", sans-serif !default;
$Gilroy-Italic: "Gilroy-Italic", sans-serif !default;
$Gilroy-LightItalic: "Gilroy-LightItalic", sans-serif !default;
$Gilroy-MediumItalic: "Gilroy-MediumItalic", sans-serif !default;
$Gilroy-BoldItalic: "Gilroy-BoldItalic", sans-serif !default;

// Replace default body fonts

// @import "../../node_modules/vuetify/src/styles/styles.sass";
// $body-font-family: $Gilroy-Regular;
// $heading-font-family: $Gilroy-Regular;

// @import "~vuetify/src/styles/settings/variables";
// $body-font-family: $Gilroy-Regular;
// $heading-font-family: $Gilroy-Regular;

// Replace typography fonts

.v-application {
  font-family: $Gilroy-Regular !important;
  .display-4,
  .display-3 {
    font-family: $Gilroy-Light !important;
  }
  .display-2,
  .display-1,
  .headline,
  .subtitle-1,
  .body-1,
  .body-2,
  .caption,
  .overline,
  .font-regular,
  .font-weight-regular {
    font-family: $Gilroy-Regular !important;
  }
  .title,
  .subtitle-2,
  .font-weight-medium {
    font-family: $Gilroy-Medium !important;
  }
  .font-weight-light {
    font-family: $Gilroy-Condensed-Light !important;
  }
  .font-weight-thin {
    font-family: $Gilroy-Thin !important;
  }
  .font-weight-bold {
    font-family: $Gilroy-Bold !important;
  }
  .font-weight-black {
    font-family: $Gilroy-Black !important;
  }
  .font-italic {
    font-family: $Gilroy-Italic !important;
  }
  .font-italic.font-weight-light {
    font-family: $Gilroy-LightItalic !important;
  }
  .font-italic.font-weight-medium {
    font-family: $Gilroy-MediumItalic !important;
  }
  .font-italic.font-weight-bold {
    font-family: $Gilroy-BoldItalic !important;
  }
}

$body-font-family: $Gilroy-Regular !important;

// Change default font colour

$mainColor: #323947;

.theme--light.v-application,
.fontColor,
.theme--light.v-sheet {
  color: $mainColor !important;
}