/* Texts */

/** Typography */

/* Global Text */
* {
  font-family: Roboto, sans-serif, Arial;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.2rem */
}

/* Headings */
h1 {
  font-family: Rubik;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 3.6rem */
  text-transform: uppercase;
}

h2 {
  font-family: Rubik;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 3rem */
  text-transform: uppercase;
}

h3 {
  font-family: Rubik;
  font-size: 2.0625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 2.475rem */
  text-transform: uppercase;
}

h4 {
  font-family: Rubik;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 2.1rem */
  text-transform: uppercase;
}

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

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

.large-bold {
  font-family: Roboto;
  font-size: 1.4375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 1.725rem */
}

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

.medium-bold {
  font-family: Roboto;
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 1.425rem */
}

.bold {
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 1.2rem */
}

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

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

.small-bold {
  font-family: Roboto;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 0.975rem */
}

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

.subtitle-bold {
  font-family: Roboto;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 0.825rem */
}

/* Text Colors */

.text-light {
  color: var(--Light);
}

.text-dark {
  color: var(--Dark);
}