/* ── Go Education Project — Docs custom styles ─────────────────────── */

/* Prose heading colors — dark navy matching brand secondary */
.docs-content :is(h1, h2, h3, h4, h5, h6) {
  color: #1B3A6B;
}

/* Dark mode headings — lighter so they read on dark bg */
.dark .docs-content :is(h1, h2, h3, h4, h5, h6) {
  color: #a8d8f0;
}

/* Prose links — use primary teal */
.docs-content a {
  color: var(--color-primary-600, #1DCAD4);
  text-decoration-color: var(--color-primary-300, #99e8ed);
}
.docs-content a:hover {
  color: var(--color-primary-500, #1DCAD4);
}

/* Blockquote — brand left border */
.docs-content blockquote {
  border-left-color: var(--color-primary-400, #1DCAD4);
  color: #4a6080;
}

/* Inline code — subtle teal tint */
.docs-content :not(pre) > code {
  color: #1B3A6B;
  background-color: #e8f6f7;
}
.dark .docs-content :not(pre) > code {
  color: #a8d8f0;
  background-color: #0d2340;
}

/* Strong / bold — slightly darker navy */
.docs-content strong {
  color: #1B3A6B;
  font-weight: 700;
}
.dark .docs-content strong {
  color: #c8e8f8;
}
