/* =====================================================================
   Bushwick Daily · Highlighter · phone · Night Edition, the dark mode
   Spec section 9 and the design review's section 7. Colours and component treatments are Night Edition's; the layout and the two
   typefaces are Highlighter's, so a story reads the same and nothing moves between modes (decision: its README).

   Two ways in, the same tokens in each (hl_unit_test.php fails if they differ):
     html[data-theme="dark"]  the reader's account says Dark (head script in hl/bootstrap.php, from the bd_theme cookie)
     prefers-color-scheme     Automatic, the default, and every signed-out reader. data-theme="light" opts out.
   Everything is a token; a component's rule lives in hl.css section 21. Only stories' own old markup needs a rule here: 303 of
   7,839 stories carry inline colours written for a white or a dark page, and a transparent PNG needs a ground.
   ===================================================================== */
html.hl[data-theme="dark"]{--paper:#0e0d0b;--ink:#f5f2eb;--text:#dedad1;--ink-2:#a8a397;--ink-3:#8c877c;--rule:#2c2a25;--tint:#181714;--band:#0e0d0b;--hi:#ffe135;--chart-context:#55524b;--placeholder:#8c877c;--error:#ff8a73;--scheme:dark;--on-hi:#0e0d0b;--hilite-fg:#0e0d0b;--btn-bg:#ffe135;--btn-bg-active:#e6ca2f;--btn-fg:#0e0d0b;--key:#ffe135;--on-key:#0e0d0b;--line:#3d3a33;--line-strong:1px solid #3d3a33;--field-bg:#211f1b;--link-fg:#f5f2eb;--link-line:rgb(255 225 53 / .8);--link-w:1.5px;--link-off:3px;--ask-bg:transparent;--ask-edge:0 solid transparent;--ask-rules:1px solid #3d3a33;--ask-pad:22px 0 24px;--ask-label:#ffe135;--fig-kicker:#ffe135;--band-rule:#2c2a25;--footer-bg:#181714;--zone:#211f1b;--building:#0e0d0b;--street:#2c2a25;}
@media (prefers-color-scheme:dark){html.hl:not([data-theme="light"]){--paper:#0e0d0b;--ink:#f5f2eb;--text:#dedad1;--ink-2:#a8a397;--ink-3:#8c877c;--rule:#2c2a25;--tint:#181714;--band:#0e0d0b;--hi:#ffe135;--chart-context:#55524b;--placeholder:#8c877c;--error:#ff8a73;--scheme:dark;--on-hi:#0e0d0b;--hilite-fg:#0e0d0b;--btn-bg:#ffe135;--btn-bg-active:#e6ca2f;--btn-fg:#0e0d0b;--key:#ffe135;--on-key:#0e0d0b;--line:#3d3a33;--line-strong:1px solid #3d3a33;--field-bg:#211f1b;--link-fg:#f5f2eb;--link-line:rgb(255 225 53 / .8);--link-w:1.5px;--link-off:3px;--ask-bg:transparent;--ask-edge:0 solid transparent;--ask-rules:1px solid #3d3a33;--ask-pad:22px 0 24px;--ask-label:#ffe135;--fig-kicker:#ffe135;--band-rule:#2c2a25;--footer-bg:#181714;--zone:#211f1b;--building:#0e0d0b;--street:#2c2a25;}}

/* Stories' own markup */
html.hl[data-theme="dark"] .hl-story :is(p,span,li,td,th,div,h1,h2,h3,h4,h5,h6,a,strong,em,b,i,u,font,blockquote)[style*="color"]{color:inherit!important}
html.hl[data-theme="dark"] .hl-story :is(p,span,li,td,th,div,h1,h2,h3,h4,h5,h6,a,strong,em,b,i,u,font,blockquote,table,tr)[style*="background"]{background:transparent!important}
html.hl[data-theme="dark"] .hl-story font[color]{color:inherit}
html.hl[data-theme="dark"] .hl-story img:is([src*=".png"],[src*=".gif"]){background:#ffffff}
@media (prefers-color-scheme:dark){
html.hl:not([data-theme="light"]) .hl-story :is(p,span,li,td,th,div,h1,h2,h3,h4,h5,h6,a,strong,em,b,i,u,font,blockquote)[style*="color"]{color:inherit!important}
html.hl:not([data-theme="light"]) .hl-story :is(p,span,li,td,th,div,h1,h2,h3,h4,h5,h6,a,strong,em,b,i,u,font,blockquote,table,tr)[style*="background"]{background:transparent!important}
html.hl:not([data-theme="light"]) .hl-story font[color]{color:inherit}
html.hl:not([data-theme="light"]) .hl-story img:is([src*=".png"],[src*=".gif"]){background:#ffffff}
}