/* ── Typography — Phase 30 verified from computed runtime CSS ─ */

/* All headings default */
h1,h2,h3,h4,h5,h6 {
  font-family: var(--lc-font);  /* Sora */
  margin-block-start: 0;
  margin-block-end: 0.5em;
  line-height: 1.2;
}

/* ── Eyebrow label ────────────────────────────────────────────
   Sora 600 14px #706F6E
   Content is uppercase (no CSS text-transform)          */
.lc-eyebrow {
  font-family: var(--lc-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--lc-text-muted);   /* #706F6E */
  line-height: 1.4;
  display: block;
  margin-block-end: 0.75rem;
}
/* Variant: dark eyebrow (stats section labels) */
.lc-eyebrow--dark {
  color: var(--lc-text-dark);    /* #282725 */
}

/* ── Home hero heading (Sora 300, 68px) ───────────────────── */
.lc-hero-heading--large {
  font-family: var(--lc-font);
  font-size: clamp(2rem, 5vw, 4.25rem);   /* ~68px desktop, scales down */
  font-weight: 300;
  color: var(--lc-text-dark);   /* #282725 */
  line-height: 1.15;
  margin-block-end: 1.5rem;
}

/* ── Standard page hero heading (Sora 400, 56px) ─────────── */
.lc-hero-heading {
  font-family: var(--lc-font);
  font-size: clamp(1.75rem, 4vw, 3.5rem);  /* ~56px desktop */
  font-weight: 400;
  color: var(--lc-text-base);   /* #333333 */
  line-height: 1.2;
  margin-block-end: 1rem;
}

/* ── DM Sans italic accent span (inside any heading) ────────
   Used for highlighted words: telc-Prüfungen, Deutschkurse, etc. */
.lc-accent {
  font-family: var(--lc-font-accent);  /* DM Sans */
  font-style: italic;
  color: var(--lc-text-orange);        /* #ED7D00 */
}
/* Muted variant (secondary highlighted word) */
.lc-accent--muted {
  font-family: var(--lc-font-accent);
  font-style: italic;
  color: var(--lc-text-muted);   /* #706F6E */
}
/* Dark variant (for footer tagline) */
.lc-accent--dark {
  font-family: var(--lc-font-accent);
  font-style: italic;
  color: var(--lc-text-orange);
}

/* ── FSP accordion headings (DM Sans 400 normal, 44px) ──────
   NOT italic — normal weight DM Sans at 44px               */
.lc-accordion-heading {
  font-family: var(--lc-font-accent);  /* DM Sans */
  font-size: clamp(1.5rem, 3vw, 2.75rem);  /* ~44px desktop */
  font-weight: 400;
  font-style: normal;                   /* Normal — NOT italic */
  color: var(--lc-text-base);           /* #333333 */
  line-height: 1.2;
}

/* ── Feature headings H3 (Sora 500, 32px) ───────────────── */
.lc-heading-3, h3 {
  font-family: var(--lc-font);
  font-size: clamp(1.25rem, 2.5vw, 2rem);  /* ~32px */
  font-weight: 500;
  color: var(--lc-text-dark);   /* #282725 */
  line-height: 1.25;
}

/* ── Card/section headings H5 (Sora 500, 36px) ──────────── */
.lc-heading-5, h5 {
  font-family: var(--lc-font);
  font-size: clamp(1.25rem, 2.5vw, 2.25rem);  /* ~36px */
  font-weight: 500;
  color: var(--lc-text-base);   /* #333333 */
  line-height: 1.25;
}

/* ── TELC exam level heading (Sora 400, 32px) ────────────── */
.lc-exam-level {
  font-family: var(--lc-font);
  font-size: 32px;
  font-weight: 400;
  color: var(--lc-text-base);   /* #333333 */
  line-height: 1.2;
  margin-block: 0 0.5rem;
}

/* ── Footer tagline (40px, muted) ────────────────────────── */
.lc-footer-tagline {
  font-family: var(--lc-font);
  font-size: clamp(1.5rem, 3vw, 2.5rem);  /* ~40px */
  font-weight: 300;
  color: var(--lc-text-muted);   /* #706F6E */
  line-height: 1.2;
  margin-block-end: 0.5rem;
}

/* ── Body variants ────────────────────────────────────────── */
p { margin-block-start: 0; margin-block-end: 1rem; }

.lc-body-large {
  font-size: 18px;  /* About page body */
  color: var(--lc-text-base);
}

.lc-body-mid {
  font-size: 16px;
  color: var(--lc-text-mid);   /* #4C4B49 — description text */
}

.lc-copyright {
  font-size: 12px;
  color: var(--lc-text-base);
}

/* ── Responsive type adjustments ─────────────────────────── */
@media (max-width: 768px) {
  .lc-hero-heading--large { font-size: clamp(1.5rem, 8vw, 2.5rem); }
  .lc-hero-heading        { font-size: clamp(1.5rem, 7vw, 2.25rem); }
  .lc-accordion-heading   { font-size: clamp(1.25rem, 6vw, 1.75rem); }
  .lc-footer-tagline      { font-size: clamp(1.25rem, 6vw, 1.75rem); }
}