/* Binary Labs — light theme overrides. Applied when <html data-theme="light">.
   Only the standalone content pages (portal, blog, pr) reach this state: their
   colors live in class-based <style> rules, so they restyle cleanly.

   The marketing pages are dark-only, enforced in bl-theme.js. They are rendered
   by the x-dc runtime, which parses each inline style string into an object and
   lets React assign it through the CSSOM — so the browser rewrites the attribute
   in canonical form and `background:#08090a` is stored as
   `background: rgb(8, 9, 10)`. This file used to override those pages with
   [style*="#08090a"]-style selectors, which therefore never matched. The dark
   inline backgrounds survived while `body { color }` below still flipped, so
   every heading (none of them carry an inline color) turned dark-on-dark. Do not
   reintroduce attribute-substring overrides — the fix is to move those colors
   onto custom properties first. */

:root[data-theme="light"] { color-scheme: light; }

/* ---------- (1) standalone content pages (portal / blog / pr) ---------- */
:root[data-theme="light"] body { background:#f5f6f8; color:#16181d; }
:root[data-theme="light"] .top { background:rgba(255,255,255,.82) !important; border-bottom-color:rgba(15,18,22,.10); }
:root[data-theme="light"] .brand { color:#16181d; }
:root[data-theme="light"] .mark { border-color:#16181d; }
:root[data-theme="light"] .mark i { background:#16181d; }
:root[data-theme="light"] h1 { color:#16181d; }
:root[data-theme="light"] .lede { color:#4b5058; }
:root[data-theme="light"] .card { background:#ffffff; border-color:rgba(15,18,22,.10); }
:root[data-theme="light"] .card:hover { background:#f0f1f3; border-color:rgba(122,176,224,.55); }
:root[data-theme="light"] .cover { background-color:#e7e9ec; }
:root[data-theme="light"] .card .t,
:root[data-theme="light"] .row .t { color:#16181d; }
:root[data-theme="light"] .card .x,
:root[data-theme="light"] .row .x { color:#6b7280; }
:root[data-theme="light"] .card .m,
:root[data-theme="light"] .row .m,
:root[data-theme="light"] .meta { color:#8a9099; }
:root[data-theme="light"] .row { border-top-color:rgba(15,18,22,.10); }
:root[data-theme="light"] .content { color:#3f444b; }
:root[data-theme="light"] .content h2,
:root[data-theme="light"] .content h3 { color:#16181d; }
:root[data-theme="light"] .status, :root[data-theme="light"] .err, :root[data-theme="light"] .empty { color:#6b7280; }
:root[data-theme="light"] #loading { color:#8a9099; }
:root[data-theme="light"] button { color:#16181d; }
:root[data-theme="light"] .wrap button { border-color:rgba(15,18,22,.3); }
