/* Site-wide typography & spacing harmonization (loads last) */

:root {
  --font-display: var(--birdi-display-font, "Roboto Condensed", sans-serif);
  --font-body: var(--birdi-body-font, "Inter", sans-serif);

  --text-xs: 10px;
  --text-sm: 11px;
  --text-base: 12px;
  --text-md: 14px;
  --text-lg: 16px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-body: 1.5;
  --leading-tight: 1.4;

  --section-eyebrow-size: 12px;
  --section-body-size: 14px;
  --section-caption-size: 11px;
  --section-inner-x: clamp(32px, 4vw, 70px);
}

body {
  font-family: var(--font-body);
  font-size: var(--text-md);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
  -webkit-tap-highlight-color: rgba(227, 38, 32, 0.12);
}

@media (max-width: 1023px) {
  :root {
    --section-inner-x: clamp(16px, 4vw, 32px);
  }
}

/* Section eyebrows */
.product-categories-section .heading-eyebrow,
.capabilities-section .section-eyebrow,
.why-birdi-section .why-birdi-eyebrow,
.infrastructure-section .infrastructure-eyebrow,
.quality-section .quality-eyebrow,
.partnership-section .partnership-eyebrow,
.contact-section .contact-eyebrow span {
  font-size: var(--section-eyebrow-size);
  font-weight: var(--weight-bold);
  letter-spacing: 0.06em;
  color: var(--navy);
}

/* Section supporting copy */
.product-categories-section .heading-support p,
.capabilities-section .capability-info p,
.why-birdi-section .why-birdi-feature p,
.infrastructure-section .infrastructure-capability p,
.quality-section .quality-process-description,
.partnership-section .partnership-stat-description,
.partnership-section .partnership-bottom-description,
.contact-section .contact-intro,
.contact-section .support-item p {
  font-size: var(--section-body-size);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

/* Small labels / captions */
.contact-section .support-item h3,
.partnership-section .partnership-stat-label,
.footer-link {
  font-size: var(--section-caption-size);
  font-weight: var(--weight-medium);
}
