/* Wiki "comment on selection": a clean brand highlight on the text being commented on,
   shown from selection through composing (CSS Custom Highlight API — WikiApp sets it).
   Must be a LITERAL colour: var()/color-mix() don't resolve inside ::highlight().
   This file is served verbatim from /public and linked from app/layout.tsx — it must NOT
   move into globals.css, whose PostCSS pipeline (Tailwind v4) rejects ::highlight() and
   fails the webpack/PostCSS builds (alpine Docker image, `next dev`). */
::highlight(wc-draft) { background-color: rgba(214, 67, 91, 0.32); }
@media (prefers-color-scheme: dark) { ::highlight(wc-draft) { background-color: rgba(224, 86, 109, 0.40); } }
:root[data-theme="light"] ::highlight(wc-draft) { background-color: rgba(214, 67, 91, 0.32); }
:root[data-theme="dark"] ::highlight(wc-draft) { background-color: rgba(224, 86, 109, 0.40); }