/* Typography Overrides with Raleway Font Weights */

/* Headings - Use different weights for hierarchy */
h1, .hero__title, .section-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold) !important;
}

h2, .advantages__title, .cta__title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold) !important; /* 700 - Bold for section headings */
}

h3, .service-card__title, .advantage-item__title, .footer__column-title {
  font-family: var(--font-display);
  font-weight: var(--font-weight-semibold) !important; /* 600 - Semibold for subsection headings */
}

h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium) !important; /* 500 - Medium for smaller headings */
}

/* Navigation and UI Elements */
.header__nav-link, .header__mobile-nav-link {
  font-family: var(--font-text);
  font-weight: var(--font-weight-medium) !important; /* 500 - Medium for navigation */
}

/* Buttons */
.btn, .btn--primary, .btn--secondary, .btn--outline {
  font-family: var(--font-text);
  font-weight: var(--font-weight-semibold) !important; /* 600 - Semibold for buttons */
}

/* Body Text */
p, .hero__description, .service-card__description, .advantage-item__description {
  font-family: var(--font-text);
  font-weight: var(--font-weight-regular) !important; /* 400 - Regular for body text */
}

/* Light text for subtle elements */
.footer__description, .testimonial-card__company, .stat-item__label {
  font-family: var(--font-text);
  font-weight: var(--font-weight-light) !important; /* 300 - Light for subtle text */
}

/* Extra light text for very subtle elements */
.footer__copyright p {
  font-family: var(--font-text);
  font-weight: var(--font-weight-extralight) !important; /* 200 - Extra Light for copyright */
}

/* Statistics and metrics - Semibold for balanced emphasis */
.stat-item__value, .hero__metric-value {
  font-family: var(--font-display);
  font-weight: var(--font-weight-semibold) !important; /* 600 - Semibold for important numbers */
}

/* Card headers and important labels */
.hero__card-header, .stats-card__header h3 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium) !important; /* 500 - Medium for card headers */
}

/* Testimonials - Italic style for quotes */
.testimonial-card__text {
  font-family: var(--font-text);
  font-weight: var(--font-weight-regular) !important; /* 400 - Regular */
  font-style: italic;
}

.testimonial-card__name {
  font-family: var(--font-display);
  font-weight: var(--font-weight-medium) !important; /* 500 - Medium for names */
}

/* Footer elements */
.footer__logo-text {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold) !important; /* 700 - Bold for logo */
}

.footer__link {
  font-family: var(--font-text);
  font-weight: var(--font-weight-regular) !important; /* 400 - Regular for links */
}