@import "../../assets/fonts/raleway.css";

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-size-xxxxxx-large,
.font-size-xxxxx-large,
.font-size-xxxx-large,
.font-size-xxx-large,
.font-size-xx-large,
.font-size-x-large,
.font-size-large {
  font-family: var(--font-secondary);
  margin-bottom: var(--spacing);
}

.font-size-xxxxxx-large {
  font-size: var(--font-size-responsive-xxxxxx-large);
  line-height: var(--font-size-massive-line-height);
}
h1,
.h1,
.font-size-xxxxx-large {
  font-size: var(--font-size-responsive-xxxxx-large);
  line-height: var(--font-size-xxxxx-large-line-height);
}
h2,
.h2,
.font-size-xxxx-large {
  font-size: var(--font-size-responsive-xxxx-large);
  line-height: var(--font-size-xxxx-large-line-height);
  font-weight: 900;
  color: var(--color-primary-b);
}
h3,
.h3,
.font-size-xxx-large {
  font-size: var(--font-size-responsive-xx-large);
  line-height: var(--font-size-xx-large-line-height);
  color: var(--color-black);
  font-weight: 800;
}
h4,
.h4,
.font-size-xx-large {
  font-size: var(--font-size-responsive-x-large);
  line-height: var(--font-size-x-large-line-height);
  color: var(--color-primary-a);
  font-weight: 700;
}
h5,
.h5,
.font-size-x-large {
  font-size: var(--font-size-responsive-x-large);
  line-height: var(--font-size-x-large-line-height);
}
h6,
.h6,
.font-size-large {
  font-size: var(--font-size-responsive-large);
  line-height: var(--font-size-large-line-height);
}

.font-size-small {
  font-size: var(--font-size-responsive-small);
}
.font-size-x-small {
  font-size: var(--font-size-responsive-x-small);
}