/* ══════════════════════════════════════════════════════
   TYPOGRAPHY — semantic UI text hierarchy

   FOUNDATION FILE (opt-in). These classes define the
   INTENDED hierarchy for future adoption. They are NOT yet
   applied to existing elements: the current UI is hand-tuned
   with ~40 distinct font sizes, and mass-applying these would
   change rendered sizes (a redesign, not a refactor).

   Adopt incrementally, one element at a time, with visual
   verification — never via find/replace. Semantic classes
   only; do NOT restyle bare h1–h6 tags.
═══════════════════════════════════════════════════════ */

.ui-page-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.25;
}

.ui-card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.ui-section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.ui-field-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--color-text-secondary);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ui-body {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-primary);
  line-height: 1.7;
}