@use "../abstracts" as *;

* {
  font-family: $font-global;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; // 1.2rem
}

h1 {
  font-family: $font-heading;
  font-size: 3rem;
  font-weight: 700;
  line-height: 120%; // 3.6rem
  text-transform: uppercase;
}

h2 {
  font-family: $font-heading;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 120%; // 3rem
  text-transform: uppercase;
}

h3 {
  font-family: $font-heading;
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 120%; // 2.475rem
  text-transform: uppercase;
}

h4 {
  font-family: $font-heading;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 120%; // 2.1rem
  text-transform: uppercase;
}

.subtitle-heading {
  font-family: $font-heading;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 60%; // 0.8625rem
  letter-spacing: 0.3125rem;
  text-transform: uppercase;
}

/* Large Paragraph */
.large {
  font-family: $font-global;
  font-size: 1.4375rem;
  font-weight: 400;
  line-height: 120%; // 1.725rem
}

.large-bold {
  font-family: $font-global;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 120%; // 1.725rem
}

/* Medium Paragraph */
.medium {
  font-family: $font-global;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 120%; // 1.425rem
}

.medium-bold {
  font-family: $font-global;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 120%; // 1.425rem
}

/* Bold y Italic */
.bold {
  font-family: $font-global;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%; // 1.2rem
}

.italic {
  font-family: $font-global;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 120%; // 1.2rem
}

/* Small Paragraph */
.small {
  font-family: $font-global;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 120%; // 0.975rem
}

.small-bold {
  font-family: $font-global;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 120%; // 0.975rem
}

/* Subtitle Paragraph */
.subtitle {
  font-family: $font-global;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 120%; // 0.825rem
}

.subtitle-bold {
  font-family: $font-global;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 120%; // 0.825rem
}