// /**********************
//  * --- GLOBAL VARIABLES
//  **********************/
$head-font-family: 'Oxanium';
$body-font-family: 'Oxanium';
$monospace-font-family: 'Source Code Pro';

// breakpoints
// Vuetify thresholds: { xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920, xxl: 2560 }
$mobile-max: 599px;
$tablet-min: 600px;
$tablet-max: 959px;
$laptop-min: 960px;
$laptop-max: 1279px;
$desktop-min: 1280px;

// Colors
$blue: #1976d2;
$light-blue: #3dbbfe;

// /******************
//  * --- GLOBAL FONTS
//  ******************/

body .v-application {
  /** Heading fonts -- overwrites Vuetify defaults */
  .text-h1,
  .text-h2,
  .text-h3,
  .text-h4,
  .text-h5,
  .text-h6,
  .title {
    font-family: $head-font-family !important;
    font-weight: 400 !important;
    letter-spacing: -0.2px !important;
  }
  .subtitle-1 {
    font-family: $head-font-family !important;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
    letter-spacing: -0.2px !important;
  }

  /** Body fonts -- overwrites Vuetify defaults */
  .text-body-1,
  .text-body-2,
  button,
  div,
  p,
  a {
    font-family: $body-font-family !important;
    font-weight: 400 !important;
    letter-spacing: 0px;

    &.monospace {
      font-family: $monospace-font-family !important;
      font-weight: 500 !important;
    }
  }
}

/*******************
 * --- GLOBAL STYLES
 *******************/

/** Show scrollbar only when needed */
html {
  overflow-y: auto !important;
}

/** anchor tag: no styling by default */
a {
  text-decoration: none;
}

.v-application {
  // Progress Bar
  .v-progress-linear {
    color: $blue;
  }

  // Set inner content width up to max
  @media (max-width: $laptop-max) {
    .v-container:not(.v-container--fluid),
    .v-toolbar__content {
      max-width: $laptop-max !important;
    }
  }

  // Set max inner content width
  @media (min-width: $desktop-min) {
    .v-container:not(.v-container--fluid),
    .v-toolbar__content {
      max-width: $desktop-min !important;
      margin: auto;
    }
  }
}

