/* ============================================================
 * Gold Apple Studio typography
 * Stack: Onest (body, similar to Graphik) + Anton (display condensed)
 * ============================================================ */

/* Body family */
.font-body { font-family: var(--ga-body-font); }
.font-display { font-family: var(--ga-display-font); }
.font-mono { font-family: var(--ga-mono-font); }

/* Display — для крупных хедлайнов.
 * Onest @ weight 900 даёт display-плотность с полной Cyrillic-поддержкой. */
.display-xl,
.display-lg,
.display-md,
.display-sm {
  font-family: var(--ga-display-font);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  letter-spacing: var(--track-tight);
  text-transform: uppercase;
}

.display-xl { font-size: var(--text-display-xl); }
.display-lg { font-size: var(--text-display-lg); }
.display-md { font-size: var(--text-display-md); }
.display-sm { font-size: var(--text-display-sm); }

/* H1 в стиле личного кабинета ЗЯ — Onest 500, lowercase */
.heading-1 {
  font-family: var(--ga-body-font);
  font-weight: var(--weight-medium);
  font-size: var(--text-h1);
  line-height: var(--leading-snug);
  letter-spacing: var(--track-snug);
  text-transform: lowercase;
}

.heading-2 {
  font-family: var(--ga-body-font);
  font-weight: var(--weight-medium);
  font-size: var(--text-3xl);
  line-height: var(--leading-snug);
  letter-spacing: var(--track-snug);
  text-transform: lowercase;
}

.heading-3 {
  font-family: var(--ga-body-font);
  font-weight: var(--weight-medium);
  font-size: var(--text-2xl);
  line-height: var(--leading-snug);
  letter-spacing: var(--track-snug);
  text-transform: lowercase;
}

.heading-4 {
  font-family: var(--ga-body-font);
  font-weight: var(--weight-medium);
  font-size: var(--text-xl);
  line-height: var(--leading-snug);
  text-transform: lowercase;
}

/* Body sizes */
.body-lg { font-size: var(--text-lg); line-height: var(--leading-normal); }
.body-md { font-size: var(--text-base); line-height: var(--leading-normal); }
.body-sm { font-size: var(--text-sm); line-height: var(--leading-normal); }
.body-xs { font-size: var(--text-xs); line-height: var(--leading-normal); }

/* Caption / overline — для дисциплинированных микро-меток */
.caption {
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--ga-mute);
}

/* CTA-стиль — UPPERCASE pill кнопки */
.cta-text {
  font-family: var(--ga-body-font);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
}

/* Highlighter — жёлтая подложка под слово (как у seller-портала) */
.highlight {
  display: inline-block;
  background: var(--ga-lime);
  color: var(--ga-black);
  padding: 0.05em 0.3em 0.1em;
  border-radius: var(--radius-xs);
  font-weight: inherit;
}

/* Lowercase utility */
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

/* Color modifiers */
.text-mute { color: var(--ga-mute); }
.text-graphite { color: var(--ga-graphite); }
.text-on-lime { color: var(--ga-black); }
.text-on-black { color: var(--ga-white); }

/* Long-copy paragraph */
.prose p { margin-block: 1em; max-width: 65ch; }
.prose p:first-child { margin-top: 0; }
.prose p:last-child { margin-bottom: 0; }