/* PHI OS Design System — Typography v1 */

.phi-display,
.phi-heading {
  margin-block: 0;
  color: inherit;
  font-family: var(--phi-font-display);
  font-weight: 500;
  letter-spacing: var(--phi-tracking-tight);
}

.phi-display {
  font-size: var(--phi-text-4xl);
  line-height: 0.98;
}

.phi-heading {
  font-size: var(--phi-text-3xl);
  line-height: var(--phi-leading-tight);
}

.phi-lead {
  max-width: var(--phi-container-reading);
  color: var(--phi-text-secondary);
  font-size: var(--phi-text-lg);
  line-height: var(--phi-leading-relaxed);
}

.phi-body {
  color: var(--phi-text-primary);
  font-family: var(--phi-font-body);
  font-size: var(--phi-text-base);
  line-height: var(--phi-leading-body);
}

.phi-label {
  color: var(--phi-text-secondary);
  font-size: var(--phi-text-xs);
  font-weight: 700;
  letter-spacing: var(--phi-tracking-label);
  text-transform: uppercase;
}

.phi-meta {
  color: var(--phi-text-secondary);
  font-size: var(--phi-text-sm);
  line-height: var(--phi-leading-body);
}