/* A dark-theme sheet for pages that type literal colours: it re-colours their text, fills and borders from the colour roles. */

/* ---- the docs pages ---- */
/* .prose { color:#263a55 }: body text, list items, table cells, captions, headings without their own colour */
body[data-site-docs-page] .prose { color: var(--r-c-text); }
/* .side-link { color:#506079 }: the guide list (the current link keeps its accent) */
body[data-site-docs-page] .side-link { color: var(--r-c-text-muted); }
/* the current product and the current phone link: color:#005dcc on --blue-soft (the raised role) */
body[data-site-docs-page] .docs-product nav a[aria-current="true"],
body[data-site-docs-page] .mobile-link[aria-current="page"] { color: var(--r-c-accent-strong); }
/* .prose blockquote { color:#633b08 } on --amber-bg (the raised role) */
body[data-site-docs-page] .prose blockquote { color: var(--r-c-text); }
/* .prose th { background:#edf3fb }: the light head fill under the light text */
body[data-site-docs-page] .prose th { background-color: var(--r-c-surface-2); }

/* ---- the catalog-losses page ---- */
/* its caption and receipt lines: color:#263a55 */
body[data-recipe-page="catalog-losses"] .recipe-caption,
body[data-recipe-page="catalog-losses"] .recipe-receipt { color: var(--r-c-text); }

/* ---- the not-found card (a white sheet with its own text colours) ---- */
#main-content > .card[aria-labelledby="not-found-heading"] { border-color: var(--r-c-line-strong); background-color: var(--r-c-surface); }
#main-content > .card[aria-labelledby="not-found-heading"] h1 { color: var(--r-c-text); }
#main-content > .card[aria-labelledby="not-found-heading"] p { color: var(--r-c-text-muted); }
#main-content > .card[aria-labelledby="not-found-heading"] code,
#main-content > .card[aria-labelledby="not-found-heading"] strong { color: var(--r-c-text); }
#main-content > .card[aria-labelledby="not-found-heading"] .actions a { border-color: var(--r-c-line-strong); color: var(--r-c-accent-strong); }
#main-content > .card[aria-labelledby="not-found-heading"] .actions a:first-child { border-color: var(--r-c-accent); background-color: var(--r-c-accent); color: var(--r-c-on-accent); }

/* ---- the accountability page (compiled utility classes and the page's own style) ---- */
/* .bg-white cards (white fills; its sections are already transparent) */
main.reading-text-root .bg-white { background-color: var(--r-c-surface); }
/* the closing band's bg-[#e9f1ff] */
main.reading-text-root .bg-\[\#e9f1ff\] { background-color: var(--r-c-surface-2); }
/* text-slate-600 (secondary text, the section pills row) and the text-slate-700 links */
main.reading-text-root .text-slate-600 { color: var(--r-c-text-muted); }
main.reading-text-root a.text-slate-700 { color: var(--r-c-text); }
/* bg-navy + text-white pills: the fill is the light text colour, so the label takes the text-on-fill role */
main.reading-text-root .bg-navy.text-white { color: var(--r-c-on-accent); }
/* .accent: gradient-clipped text (transparent colour); a solid accent reads the same on the dark ground */
main.reading-text-root .accent { background: none; color: var(--r-c-accent-strong); }