/* legal.css — dark-mode islands for privacy.html + terms_pilot.html.
   These pages share the same structure (a Bootstrap .card whose body
   {% include %}s a pure-text partial) and are otherwise token-clean, so
   almost everything self-heals in dark mode:
     - .card / .card-body        -> Bootstrap [data-bs-theme="dark"] (--bs-card-bg / --bs-body-color)
     - .table / .table-sm        -> the 0.3a --fnc-* tokenisation of .table* in styles.css
     - .text-muted               -> Bootstrap [data-bs-theme="dark"] (--bs-secondary-color)
     - .alert-warning            -> Bootstrap [data-bs-theme="dark"] (--bs-warning-*-subtle / -text-emphasis)
   The one hard island is the fixed .bg-white on the card header
   (Bootstrap emits `background-color: #fff !important`, which ignores
   data-bs-theme), which combined with the tokenised .card-header ink
   (--fnc-header-chrome-ink, near-white in dark) renders an invisible title.

   Every rule below is :root[data-theme="dark"]-gated and page-scoped via
   .legal-page (added to the .container of both templates) — light mode is
   byte-for-byte unchanged. */

:root[data-theme="dark"] .legal-page .bg-white,
:root[data-theme="dark"] .legal-page .card-header.bg-white {
  background-color: var(--fnc-surface) !important;
  color: var(--fnc-ink);
}