/* Typography Styles */

body {
  font-family: var(--font-primary);
  font-size: var(--font-16);
  line-height: var(--line-16);
  font-weight: 500;
  color: var(--color-blue);
}

/* Headings */
h1 {
  font-family: var(--font-secondary);
  font-size: var(--font-h1);
  line-height: var(--line-h1);
  font-weight: 700;
}

h2 {
  font-family: var(--font-secondary);
  font-size: var(--font-h2);
  line-height: var(--line-h2);
  font-weight: 700;
}

h3 {
  font-family: var(--font-secondary);
  font-size: var(--font-h3);
  line-height: var(--line-h3);
  font-weight: 700;
}

/* Text Classes */
.text-25 {
  font-family: var(--font-primary);
  font-size: var(--font-25);
  line-height: var(--line-25);
}

.text-20 {
  font-family: var(--font-primary);
  font-size: var(--font-20);
  line-height: var(--line-20);
  font-weight: 500;
}

.text-16 {
  font-family: var(--font-primary);
  font-size: var(--font-16);
  line-height: var(--line-16);
  font-weight: 500;
}

.text-14 {
  font-family: var(--font-primary);
  font-size: var(--font-14);
  line-height: var(--line-14);
}

/* Color Classes */
.text-copper {
  color: var(--color-blue);
}

.text-white {
  color: var(--color-white);
}

.text-yellow {
  color: var(--color-yellow);
}

/* Font Weight Utilities */
.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}


.font-regular {
  font-weight: 500;
}