/* ==========================================================================
   Apta Brand Guide — Typography
   Source: brand-guide/Typography.pdf
   Font: Inter Tight (Google Fonts, loaded via mkdocs.yml theme.font)
   ========================================================================== */

/* ---------- Headings ---------- */
/* Brand guide: Inter Tight Medium, sizes with tight line-height */

[data-md-color-scheme="slate"] .md-typeset h1 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.2;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
}

[data-md-color-scheme="slate"] .md-typeset h3 {
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 1.2;
}

[data-md-color-scheme="slate"] .md-typeset h4 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
}

[data-md-color-scheme="slate"] .md-typeset h5 {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.4;
}

[data-md-color-scheme="slate"] .md-typeset h6 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}

/* ---------- Body ---------- */
/* Brand guide: Inter Tight Regular, 16px / 150% */

.md-typeset {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* ---------- Code blocks ---------- */
/* Monospace keeps default Material font stack (Roboto Mono via theme.font.code) */

.md-typeset code,
.md-typeset pre {
  font-size: 0.8125rem;
  line-height: 1.5;
}

/* ---------- Mobile headings ---------- */
/* Brand guide: Inter Tight Bold, smaller sizes on mobile */

@media screen and (max-width: 768px) {
  [data-md-color-scheme="slate"] .md-typeset h1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
  }

  [data-md-color-scheme="slate"] .md-typeset h2 {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
  }

  [data-md-color-scheme="slate"] .md-typeset h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  [data-md-color-scheme="slate"] .md-typeset h4 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  [data-md-color-scheme="slate"] .md-typeset h5 {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.4;
  }

  [data-md-color-scheme="slate"] .md-typeset h6 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4;
  }
}

/* ---------- Extra-small mobile (≤375px) ---------- */
/* Scale headings down further for very narrow screens (320px–375px) */

@media screen and (max-width: 375px) {
  [data-md-color-scheme="slate"] .md-typeset h1 {
    font-size: 1.75rem;
  }

  [data-md-color-scheme="slate"] .md-typeset h2 {
    font-size: 1.5rem;
  }

  [data-md-color-scheme="slate"] .md-typeset h3 {
    font-size: 1.25rem;
  }
}