/* SignVerse Typography Classes — sv-typography.css
   Reusable typography classes built on sv-tokens.css variables.
   Import AFTER sv-tokens.css in every page. */

/* ── Page Title ── */
.sv-page-title {
  font-size: var(--sv-text-2xl);
  font-weight: var(--sv-weight-extrabold);
  line-height: var(--sv-leading-tight);
}

/* ── Section Title ── */
.sv-section-title {
  font-size: var(--sv-text-xl);
  font-weight: var(--sv-weight-bold);
  line-height: var(--sv-leading-snug);
}

/* ── Panel Title ── */
.sv-panel-title {
  font-size: var(--sv-text-xl);
  font-weight: var(--sv-weight-extrabold);
  line-height: var(--sv-leading-snug);
}

/* ── Label (uppercase, small) ── */
.sv-label {
  font-size: var(--sv-text-xs);
  font-weight: var(--sv-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ── Body ── */
.sv-body {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-normal);
  line-height: var(--sv-leading-normal);
}

/* ── Body Strong ── */
.sv-body-strong {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  line-height: var(--sv-leading-normal);
}

/* ── Caption / Meta ── */
.sv-caption {
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-normal);
  line-height: var(--sv-leading-normal);
}

/* ── Tab ── */
.sv-tab {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  line-height: var(--sv-leading-normal);
}

/* ── Button ── */
.sv-button {
  font-size: var(--sv-text-base);
  font-weight: var(--sv-weight-bold);
  line-height: var(--sv-leading-normal);
  font-family: var(--sv-font-family);
}

/* ── Pill / Badge ── */
.sv-pill {
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-bold);
  line-height: 1;
}