/* shared/theme/branding/fonts.css
   PowerGEM documentation typography.

   Using Roboto Flex for body text, matching Docker Docs' readable
   documentation typography, and Roboto Mono for code.
*/

/* ============================================================
   FONT IMPORTS
   Load body and code fonts with fallback display for resilient rendering.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400..700&family=Roboto+Mono:wght@400;500;600&display=swap');

/* ============================================================
   FONT FAMILIES
   ============================================================ */
:root {
  /* Roboto Flex for readable documentation body text */
  --md-text-font: "Roboto Flex", Roboto, -apple-system, BlinkMacSystemFont,
                  "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell,
                  "Helvetica Neue", sans-serif;

  /* Roboto Mono for code */
  --md-code-font: "Roboto Mono", SFMono-Regular, Consolas, "Liberation Mono",
                  Menlo, monospace;
}

/* ============================================================
   TYPOGRAPHY SCALE
   ============================================================ */
.md-typeset {
  font-size: 0.8rem;
  line-height: 1.65;
}

.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 600;
}

/* ============================================================
   CODE TYPOGRAPHY
   ============================================================ */
.md-typeset code,
.md-typeset pre {
  font-size: 0.85em;
}

.md-typeset pre {
  line-height: 1.5;
}

/* Inline code styling */
.md-typeset code:not([class*="language-"]) {
  padding: 0.1em 0.3em;
  border-radius: 3px;
}

/* ============================================================
   TABLE TYPOGRAPHY
   ============================================================ */
.md-typeset table {
  font-size: 0.8rem;
}

.md-typeset table th {
  font-weight: 600;
}