#app .account-avatar,
#app .account-name-row h1 {
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-title);
}

#app .account-identity-copy > p {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

#app .account-scope-meta,
#app .profile-section-heading > button:not(.compact-action),
#app .compact-action,
#app .profile-back-link,
#app .settings-copy strong,
#app .care-plan-card > button,
#app .connected,
#app .device-setting-row strong,
#app .pet-device-status,
#app .pet-card-summary b,
#app .pet-detail-status > span,
#app .pet-detail-status > button,
#app .pet-detail-facts strong,
#app .pet-activity-link strong {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-label);
}

#app .profile-tabs button {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-body);
}

#app .account-scope-meta b,
#app .profile-section-heading > button:not(.compact-action),
#app .compact-action,
#app .profile-back-link,
#app .care-plan-card > button,
#app .pet-detail-status > span,
#app .pet-detail-status > button,
#app .pet-activity-link strong {
  font-weight: var(--font-weight-bold);
}

#app .profile-section-heading h2,
#app .device-management h3 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-section-title);
}

#app .pet-card-title strong,
#app .device-list-copy > strong,
#app .care-plan-copy strong {
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-card-title);
}

#app .pet-card-copy > small {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

#app :is(.profile-section-heading p, .settings-copy small, .settings-value, .care-plan-copy small, .device-list-copy > small, .device-list-signals, .metric-state, .device-setting-row small, .pet-card-summary, .pet-detail-facts small) {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-caption);
}

#app :is(.profile-section-heading > div > span, .pet-card-title em) {
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-micro);
}

#app .metric-value,
#app .device-metric > strong {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-label);
}