/**
 * GetPipsy — tipográfiai utility-k és alap-proza (tokens.css változóira épül).
 * Betöltés: styles.css @import, előtte a HTML-ben tokens.css.
 */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Opcionális osztályok: új markup vagy refaktor során */
.pipsy-type-display-landing {
  font-size: var(--pipsy-type-display-landing);
  font-weight: 800;
  line-height: var(--pipsy-leading-display);
  letter-spacing: var(--pipsy-tracking-tight);
}

.pipsy-type-hero-title {
  font-size: var(--pipsy-type-hero);
  font-weight: 800;
  line-height: var(--pipsy-leading-snug);
  letter-spacing: var(--pipsy-tracking-snug);
}

.pipsy-type-h2 {
  font-size: var(--pipsy-type-h2);
  font-weight: 800;
  line-height: var(--pipsy-leading-heading);
  letter-spacing: var(--pipsy-tracking-subtle);
}

.pipsy-type-lead {
  font-size: var(--pipsy-type-lead);
  line-height: var(--pipsy-leading-relaxed);
  letter-spacing: var(--pipsy-tracking-body);
}

.pipsy-type-body {
  font-size: var(--pipsy-type-body);
  line-height: var(--pipsy-leading-body);
}

.pipsy-type-body-muted {
  font-size: var(--pipsy-type-body-muted);
  line-height: var(--pipsy-leading-body);
}

.pipsy-type-body-sm {
  font-size: var(--pipsy-type-body-sm);
  line-height: var(--pipsy-leading-normal);
}

.pipsy-type-ui {
  font-size: var(--pipsy-type-ui);
  line-height: var(--pipsy-leading-normal);
}

.pipsy-type-label {
  font-size: var(--pipsy-type-caption);
  font-weight: 600;
  line-height: var(--pipsy-leading-ui);
}

.pipsy-type-helper {
  font-size: var(--pipsy-type-helper);
  line-height: var(--pipsy-leading-normal);
}

.pipsy-type-caption {
  font-size: var(--pipsy-type-caption);
  line-height: var(--pipsy-leading-normal);
}

.pipsy-type-overline {
  font-size: var(--pipsy-type-overline-size);
  font-weight: 800;
  letter-spacing: var(--pipsy-tracking-overline);
  line-height: var(--pipsy-leading-ui);
  text-transform: uppercase;
}

.pipsy-type-overline--wide {
  letter-spacing: var(--pipsy-tracking-overline-lg);
}