goeducation-site/assets/css/hbx/blocks/shared/docs-custom.css
2026-03-31 13:02:59 +02:00

45 lines
1.1 KiB
CSS

/* ── 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;
}