/* epic-lab theme for mdbook */

/* --- fonts --- */

@font-face {
  font-family: "JetBrainsMono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrainsMono";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrainsMono";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrainsMono";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/JetBrainsMono-Bold.woff2") format("woff2");
}

/* --- typography --- */

:root {
  --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --code-font: "JetBrainsMono", "Consolas", "Monaco", monospace;
}

.content {
  font-family: var(--body-font);
  font-size: 1.2rem;
  line-height: 1.65;
}

.content code,
.content pre {
  font-family: var(--code-font);
  font-size: 0.85em;
}

/* keep embedded PDFs readable in dark themes */
.pdf-embed {
  color-scheme: light;
  background: #fff;
  border-radius: 4px;
  padding: 4px;
}

.pdf-embed iframe {
  border: none;
  display: block;
}

/* keep SVG diagrams readable in dark themes */
.content img[src$=".svg"] {
  background: #fff;
  border-radius: 4px;
  padding: 8px;
}