/* Typography Styles */

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

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

h2 {
  font-family: var(--font-primary);
  font-size: var(--font-32);
  line-height: var(--line-32);
  font-weight: 500;
}

h3 {
  font-family: var(--font-primary);
  font-size: var(--font-25);
  line-height: var(--line-25);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Section Label */
.section-label {
  display: block;
  font-family: var(--font-primary);
  font-size: var(--font-12);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-copper);
  margin-bottom: var(--space-md);
}