/**
 * src/styles/settings.scss
 *
 * Configures SASS variables and Vuetify overwrites
 */

// https://vuetifyjs.com/features/sass-variables/`
// @use 'vuetify/settings' with (
//   $color-pack: false
// );
$font-family-custom: "Poppins", "Roboto";

@forward "vuetify/settings" with (
  $body-font-family: $font-family-custom !default,
  $typography: (
    "h1": (
      "weight": 700,
      "line-height": 6rem,
      "text-transform": unset,
    ),
    "h2": (
      "weight": 600,
      "font-size": 3.6rem,
      "line-height": 4rem,
    ),
    "h3": (
      "weight": 700,
      "letter-spacing": -0.0938rem,
      "line-height": 74px,

      "text-transform": unset,
    ),
    "h4": (
      "weight": 600,
      "letter-spacing": -0.0938rem,
      "font-size": 2.45rem,
      "line-height": 2.9rem,
      "text-transform": unset,
    ),
    "h5": (
      "weight": 600,
      "letter-spacing": -0.0938rem,
      "line-height": 42px,
      "text-transform": unset,
    ),
    "h6": (
      "text-transform": unset,
    ),
  )
  !default
);
