/* ČOS Digital Library — dark-mode, PROTOTYPE-SPECIFIC layer.

   The neutral/semantic token remap AND every shared-component dark rule
   (header, footer, nav, buttons, inputs, selects, chips, tables, filter
   group / pills, pagination, metabox, cta-panel, doc-card, cover, lib-card,
   lib-cover, favourite, quick-tile, notices, toast, switch, tooltip) come
   from the shared preview/_dark.css + each component's own co-located
   `@layer theme` block, linked BEFORE this file in index.html — single
   source with the design-system cards.

   This file only patches surfaces unique to the full prototype. Keep it thin.
   When adding a prototype surface with a raw `white`/literal, add its dark
   rule HERE, not to _dark.css. */

/* Page canvas — _dark.css pins body to --color-bg-surface (correct for a
   single preview card); the prototype wants the darker page tone behind its
   own surfaces. html is painted with the literal hex (it doesn't inherit the
   body-scoped dark tokens — see notes/pitfalls.md "Dark mode / tokens"). */
html[data-theme="dark"] { background: #0d1320; }
body[data-theme="dark"] { background: var(--color-bg-page); }

/* App surfaces with light literals in ui-kit.css */
body[data-theme="dark"] .card  { background: var(--color-bg-surface); box-shadow: 0 1px 2px rgba(0,0,0,0.30); }
body[data-theme="dark"] .hero  { background: var(--color-bg-surface); }
body[data-theme="dark"] .site-header { background: var(--color-bg-surface); }
body[data-theme="dark"] .pager-bar__panel {
  box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.30);
}