/* TimeReset Typography — shared hierarchy.
   Use this as the reference system; modules may add local personality only when it improves clarity. */

.tr-display-title {
  font-family: var(--tr-display);
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 0.96;
  letter-spacing: -0.055em;
  font-weight: 620;
  color: var(--tr-text);
}

.tr-section-title {
  font-family: var(--tr-font);
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 820;
  color: var(--tr-text);
}

.tr-card-title {
  font-family: var(--tr-font);
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.012em;
  font-weight: 850;
  color: var(--tr-text);
}

.tr-metric-large {
  font-family: var(--tr-display);
  font-size: clamp(38px, 4vw, 52px);
  line-height: 0.92;
  letter-spacing: -0.055em;
  font-weight: 650;
}

.tr-body {
  font-family: var(--tr-font);
  font-size: 14px;
  line-height: 1.45;
  color: var(--tr-soft);
}

.tr-meta {
  font-family: var(--tr-font);
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--tr-muted);
}

.tr-mono-label {
  font-family: var(--tr-mono);
  font-size: 10.5px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(201, 214, 238, 0.72);
}