/* * Markaba AI partner help center — brand layer over Material for MkDocs. * * Palette and type are taken from the marketing site (Landing/index.html, Landing/index.css) so * a partner moving from markabaai.com to docs.markabaai.com sees one brand: slate ink on white, * a single deep red accent, Inter for Latin and IBM Plex Sans Arabic for Arabic. * * Fonts are self-hosted (assets/fonts.css) because theme.font is false in mkdocs.yml. That is * what lets the Caddy CSP stay font-src 'self' with no Google origins — the same reasoning * Landing/fonts.css carries, and the reason that file exists at all. */ :root { --md-primary-fg-color: #c90000; --md-primary-fg-color--light: #ff3b30; --md-primary-fg-color--dark: #4a0000; --md-accent-fg-color: #c90000; --md-default-fg-color: #0f172a; --md-default-fg-color--light: #64748b; --md-typeset-a-color: #c90000; --md-text-font: "Inter", system-ui, -apple-system, sans-serif; --md-code-font: ui-monospace, SFMono-Regular, Menlo, monospace; } /* Arabic is cursive: letter-spacing is a bug, not a style choice. Same rule the marketing site applies to its /ar/ tree — see docs/launch/LANDING_LAUNCH_RUNBOOK.md, 2026-08-02. */ [dir="rtl"] { --md-text-font: "IBM Plex Sans Arabic", system-ui, sans-serif; } /* Measured on the built /ar/ tree, not assumed: Material already computes letter-spacing `normal` for RTL, so these rules are a belt to its braces rather than the mechanism. The selector is body[dir=rtl], NOT [dir=rtl] body — the dir attribute sits on itself, so the descendant form matches nothing. */ body[dir="rtl"], [dir="rtl"] .md-typeset, [dir="rtl"] .md-nav, [dir="rtl"] .md-header { letter-spacing: 0; } /* The header on the marketing site is ink, not red. Keep the red for links, buttons and accents so a page of instructions does not read as a warning. */ .md-header, .md-tabs { background-color: #0f172a; } .md-typeset h1, .md-typeset h2 { font-weight: 600; letter-spacing: -0.01em; } [dir="rtl"] .md-typeset h1, [dir="rtl"] .md-typeset h2 { letter-spacing: 0; } /* "Checked against app version X" stamps at the foot of each page (see source-map.md). */ .md-typeset .checked-against { margin-top: 2.5rem; padding-top: 0.8rem; border-top: 1px solid #e2e8f0; color: #64748b; font-size: 0.72rem; }