/* ============================================================================
   SPEEDRUN v2 — the black version (2026-10-29, Markiian: "to compare the white and the black"). html.dark, from
   ?theme=dark. Same page, same motion: the hexagon goes back to D's black walls with white type, the page to black,
   the objects to dark greys; the light is the same light, brighter against black.
   ========================================================================== */
html.dark:has(body.v2){background:#000;}
html.dark .sr.v2{background:#000;color:#fff;--line2:rgba(255,255,255,.14);--grey:rgba(255,255,255,.62);--line:rgba(255,255,255,.14);--mute:rgba(255,255,255,.62);--dim:rgba(255,255,255,.5);}
html.dark .v2 ::selection{background:#0A84FF;color:#fff;}

/* header */
html.dark .v2-head{background:rgba(0,0,0,.78);}
html.dark .v2-head__for{color:#fff;}
html.dark .v2-chip{background:rgba(255,255,255,.08);color:#fff;}
html.dark a.v2-chip:hover{background:rgba(255,255,255,.16);}
html.dark .v2-chip--logo{background:none;}
html.dark .v2-chip--logo img{filter:none;}
html.dark .btn.v2-head__cta{--btn-bg:#fff;--btn-fg:#000;}
html.dark .btn.v2-head__cta:hover{--btn-bg:var(--red);--btn-fg:#fff;}

/* hero: black walls, white type, the mark white */
html.dark .sr-hero--white{background:#000;color:#fff;}
html.dark .sr-hero--white .rg--hex .rg-face,html.dark .v2 .rg--hex .rg-in{background:#000;color:#fff;}
html.dark .sr-hero--white .hx-logo{filter:none;}
html.dark .sr-hero--white .hx-lw i{background:linear-gradient(var(--la),var(--lc) 0%,var(--lc) 18%,var(--ld) 82%,var(--ld) 100%);}
html.dark .v2-sub{color:#fff;}
html.dark .sr-hero--white .hx-hint{color:rgba(255,255,255,.45);}

/* statement */
html.dark .v2 .sr-blur__text{color:#fff;}
html.dark .v2 .bl-base{color:rgba(255,255,255,.14);}

/* sections */
html.dark .v4-head p,html.dark .v4-eye,html.dark .v4-phases span,html.dark .v4-incl__note{color:rgba(255,255,255,.5);}
html.dark .cd-d,html.dark .v4-phases p,html.dark .v4-faq details p,html.dark .v4-book__in p,html.dark .v4-close__small{color:rgba(255,255,255,.62);}
html.dark .cd-tags li,html.dark .v4-tag{color:color-mix(in srgb,var(--c) 75%,#fff);background:color-mix(in srgb,var(--c) 18%,#000);}
html.dark .v4-phases,html.dark .v4-phases li+li,html.dark .v4-incl ul,html.dark .v4-incl li,html.dark .v4-incl li:not(:nth-child(4n+1)),
html.dark .v4-nums,html.dark .v4-case,html.dark .v4-num,html.dark .v4-faq__list,html.dark .v4-faq details{border-color:rgba(255,255,255,.14);}
html.dark .v4-case{color:#fff;}
html.dark .v4-case__img{background:#111;}
html.dark .v4-state{color:#fff;}
html.dark .v4-state s,html.dark .v4-price__for s{color:rgba(255,255,255,.35);}
html.dark .v4-faq summary::after{background:linear-gradient(#fff,#fff) center/100% 1.5px no-repeat,linear-gradient(#fff,#fff) center/1.5px 100% no-repeat;}
html.dark .v2 .v4-sec .btn--l,html.dark .v2 .v4-book .btn--l{--btn-bg:#fff;--btn-fg:#000;}
html.dark .v2 .v4-sec .btn--l:hover,html.dark .v2 .v4-book .btn--l:hover{--btn-bg:var(--red);--btn-fg:#fff;}
html.dark .btn.v4-pill{--btn-bg:#fff;--btn-fg:#000;}

/* the objects in dark greys, white type */
html.dark .bx-f{background:#0b0b0b;color:#fff;}
html.dark .stz-step .bx-front{background:#141414;} html.dark .stz-step .bx-right{background:#070707;} html.dark .stz-step .bx-top{background:#1c1c1c;}
html.dark .stz-step .bx-left{background:#0e0e0e;}
html.dark .stz-n{color:rgba(255,255,255,.5);}
html.dark .cf-cube .bx-top{background:#1a1a1a;} html.dark .cf-cube .bx-front,html.dark .cf-cube .bx-back{background:#101010;}
html.dark .cf-cube .bx-left,html.dark .cf-cube .bx-right{background:#080808;}
html.dark .fr{color:#fff;}
html.dark .fr-wall{background:#000;}
html.dark i.bx-f,html.dark i.fr-wall{background:linear-gradient(var(--la),var(--lc),var(--ld));}
html.dark .v2-head{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
html.dark .v2-chip:not(.v2-chip--logo){background:rgba(255,255,255,.08);}