/* afinar.app — every inner page in the homepage's dark design.

   The shared colour tokens take the dark values, so each page's own styles follow.
   Headings below the page title use the homepage's sans. */

body.site-dark {
  --paper: var(--d-bg);
  --paper-raised: var(--d-panel);
  --paper-sunk: rgb(12 11 10);
  --ink: var(--d-ink);
  --ink-secondary: rgb(244 240 232 / 0.74);
  --ink-tertiary: var(--d-ink-3);
  --hairline: var(--d-line-strong);
  --amber: var(--d-amber);
  --amber-on: var(--d-on-amber);
}
body.site-dark h2, body.site-dark h3 { font-family: var(--d-text); font-weight: 700; letter-spacing: -0.03em; font-variation-settings: normal; }
body.site-dark .section--raised, body.site-dark .af-dark { background: var(--d-panel); }
body.site-dark a.btn--primary, body.site-dark .af-section a.btn--primary { background: var(--d-amber); color: var(--d-on-amber); }
body.site-dark a.btn--primary:hover { background: var(--d-amber-hi); color: var(--d-on-amber); }
body.site-dark a.btn:not(.btn--primary) { color: var(--d-ink); }
body.site-dark .mono, body.site-dark code { color: var(--d-ink-2); }
body.site-dark table, body.site-dark th, body.site-dark td { border-color: var(--d-line-strong); }
body.site-dark input, body.site-dark textarea, body.site-dark select { background: rgb(255 255 255 / 0.04); color: var(--d-ink); border-color: var(--d-line-strong); }
body.site-dark .af-section.af-reading h2, body.site-dark .af-dark h2 { color: var(--d-ink); }

/* The signature is dark ink on a clear ground, so on the dark pages it is drawn light. */

body.site-dark img[src$="/signature.png"] { filter: invert(1); opacity: 0.85; }