/* =============================================================
   АйЮрист — Typography (продукт)
   Эталон: referens/11-typography/typography.css
   Каталог: referens/11-typography/TYPOGRAPHY.md
   ============================================================= */

/* --- Caption (10px / 14px) --- */
.type-caption {
  font-family: var(--font-ui);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-caption);
}

/* --- Body small (12px / 17px) --- */
.type-body-sm {
  font-family: var(--font-ui);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body-sm);
}

/* --- UI compact (13px) — sidebar, nav --- */
.type-ui-compact {
  font-family: var(--font-ui);
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

.type-ui-compact-strong {
  font-family: var(--font-ui);
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
}

/* --- Body (14px) --- */
.type-body {
  font-family: var(--font-ui);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

.type-body-strong {
  font-family: var(--font-ui);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
}

.type-body-medium {
  font-family: var(--font-ui);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

/* --- Subtitle / Button (16px) --- */
.type-subtitle {
  font-family: var(--font-ui);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

.type-button {
  font-family: var(--font-ui);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
}

/* --- Headings --- */
.type-heading-sm {
  font-family: var(--font-ui);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
}

.type-heading-md {
  font-family: var(--font-ui);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
}

/* --- Display --- */
.type-display {
  font-family: var(--font-ui);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

.type-display-lg {
  font-family: var(--font-ui);
  font-size: var(--font-size-48);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

/* --- Accent (Garamond — только промо, не UI) --- */
.type-accent {
  font-family: var(--font-accent);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}

/* --- JS-generated blocks --- */
.type-analysis-text {
  font-size: var(--font-size-13);
  line-height: var(--line-height-normal);
  margin: 4px 0;
}

.type-meta-text {
  font-size: var(--font-size-13);
  color: var(--text-hint);
}

.type-card-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-14);
  margin-bottom: 6px;
  color: var(--text-primary);
}

.type-card-meta {
  font-size: var(--font-size-13);
  color: var(--text-hint);
  margin-bottom: 4px;
}

.type-status-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: var(--radius-4);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
}

.type-empty-icon {
  font-size: var(--font-size-48);
  margin-bottom: 16px;
}

.type-empty-icon-sm {
  font-size: var(--font-size-20);
  margin-bottom: 6px;
}

.type-folder-path {
  font-size: var(--font-size-10);
  color: var(--text-hint);
}

.success-notification {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
}