/* HawaniMedia · sort tema (2026-10-25)
   Lægges efter sidens egne stilarter og skifter farvevariablerne til sort.
   html:root slår sidens :root, så rækkefølgen af stilarterne ikke betyder noget. */
html:root{
  --paper:#0B0C0D;--panel:#141618;--white:#1B1D20;--ink:#F2F3F1;--graphite:#9AA1A7;--hair:#2A2E33;--screen:#000;
  --slate-bg:#000;color-scheme:dark;
}
html .nav{background:rgba(11,12,13,.88);border-bottom-color:var(--hair)}
html ::selection{background:#1F6F8B;color:#fff}
html .btn:hover{color:#fff}
html .mon{box-shadow:none}

/* klapperne er mørke med lys tekst */
html .slate{background:var(--slate-bg);color:#F2F3F1;border:1px solid var(--hair)}
html .stk{background:repeating-linear-gradient(-55deg,#F2F3F1 0 22px,var(--slate-bg) 22px 44px);border-color:var(--slate-bg)}
html .mx-slate .h{background:var(--slate-bg)}
html .mx-slate .board{color:#F2F3F1}
html .mx-slate .arm,html .mx-slate .base{background:repeating-linear-gradient(-58deg,#F2F3F1 0 26px,var(--slate-bg) 26px 52px);border-color:#F2F3F1}
html .mx-slate .grid,html .mx-slate .grid div{border-color:#F2F3F1}

/* SHOW REEL-papiret følger baggrunden */
html #mxPT rect,html #mxPB rect{fill:var(--paper)}
html .mx-reel .hint{color:var(--graphite)}
html .mx-reel .hint i{background:var(--graphite)}

/* felter, rulletekster og grade-håndtag */
html .fl input,html .fl textarea,html .fl select{color:var(--ink);background:var(--white);border-color:var(--hair)}
html .roll::before{background:linear-gradient(var(--white),transparent)}
html .roll::after{background:linear-gradient(transparent,var(--white))}
html .mx-gv .cut::after{border-color:var(--paper)}

/* kundelogoerne i rulleteksterne er sorte: vend dem til lyse */
html .roll img,html .credits img{filter:invert(1) hue-rotate(180deg)}

/* fuldskærmsknapper står på video: altid lyst ikon */
html .mx-fsc{color:#F6F6F3;border-color:rgba(246,246,243,.5);background:rgba(0,0,0,.6)}
html .mx-fsc:hover{background:#000;border-color:#F6F6F3}
html .mx-reel .mx-fsr{color:#F6F6F3;border-color:#F6F6F3;background:rgba(0,0,0,.6)}
html .mx-reel .cap .disp{color:#F6F6F3}

/* flader der skal forblive sorte: bjælker, lukkerblade og etiketter på billeder */
html .mx-reel .lb-t,html .mx-reel .lb-b,html .blade,html .card .th .bl{background:#000}
html .card .th .shots{background:#000;color:#F2F3F1}