/* MyTab dark theme (0.5.8). Generated by scripts/build-dark.mjs: do not edit here.
   The dark twins of every stylesheet come first; the hand-written part (src/dark-base.css)
   comes last so its rules win. */
/* app.css */
html[data-theme=dark] .appbar{background:var(--brand-bg);box-shadow:0 1px 6px rgba(0,0,0,0.33)}
html[data-theme=dark] .appbar .brand-logo{box-shadow:0 1px 3px rgba(0,0,0,0.55)}
html[data-theme=dark] .userpop{background:var(--card);box-shadow:0 12px 32px rgba(15,25,40,0.484)}
html[data-theme=dark] .userpop::before{background:var(--card)}
html[data-theme=dark] .upitem.upsub::before{border-left:2px solid #474e56;border-bottom:2px solid #474e56}
html[data-theme=dark] .uplogout{color:var(--bad-fg)}
html[data-theme=dark] .themeseg button[aria-checked="true"]{box-shadow:0 1px 3px rgba(15,25,40,0.352)}
html[data-theme=dark] .btn{background:var(--card)}
html[data-theme=dark] .btn:hover{border-color:var(--brand2-fg)}
html[data-theme=dark] .btn.primary{background:var(--brand-bg);border-color:var(--brand-fg)}
html[data-theme=dark] .btn.primary:hover{background:var(--brand2-bg)}
html[data-theme=dark] .btn.danger{background:var(--card);border-color:#5c3636;color:var(--bad-fg)}
html[data-theme=dark] .btn.danger.solid{background:var(--bad-bg);border-color:var(--bad-fg)}
html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .input{background:var(--card)}
html[data-theme=dark] .error{color:var(--bad-fg)}
html[data-theme=dark] .okmsg{color:var(--ok-fg)}
html[data-theme=dark] .badge.answered{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .badge.voicemail{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .badge.no_answer{background:#232629;color:#adb4bc}
html[data-theme=dark] .badge.busy{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .badge.failed{background:#331b1b;color:var(--bad-fg)}
html[data-theme=dark] .badge.pending{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .badge.accepted,html[data-theme=dark] .badge.placed{background:#1a2533;color:var(--brand2-fg)}
html[data-theme=dark] .badge.done{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .badge.cancelled{background:#232629;color:#adb4bc}
html[data-theme=dark] .badge.admin{background:#1a2533;color:var(--brand-fg)}
html[data-theme=dark] .badge.editor{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .badge.viewer{background:#232629;color:#adb4bc}
html[data-theme=dark] dialog.sheet{box-shadow:0 10px 40px rgba(0,0,0,0.55)}
html[data-theme=dark] dialog.sheet h2{color:var(--brand-fg)}
html[data-theme=dark] .blocknote{background:#372b10;border:1px solid #6e592e;color:#ffd783}
html[data-theme=dark] .blocknote .bn-icon{color:#f2c771}
html[data-theme=dark] .blocknote .bn-status{color:#ffcf7a}
html[data-theme=dark] .defbadge{background:#1c1633;color:#8675d9}
/* calls/cal.css */
html[data-theme=dark] .cal{background:var(--card);box-shadow:0 1px 3px rgba(31,58,95,0.11)}
html[data-theme=dark] .calnav{color:var(--brand2-fg)}
html[data-theme=dark] .calnav:hover{background:var(--soft)}
html[data-theme=dark] .calday:hover .calnum{background:var(--soft)}
html[data-theme=dark] .calday.today .calnum{box-shadow:inset 0 0 0 2px var(--brand2-fg);color:var(--brand2-fg)}
html[data-theme=dark] .calday.sel .calnum{background:var(--brand-bg)}
html[data-theme=dark] .calday.sel.today .calnum{background:var(--brand2-bg);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--brand2-fg)}
html[data-theme=dark] .calfold{color:var(--brand2-fg)}
html[data-theme=dark] .aday.is-today .dayhead{color:var(--brand2-fg)}
html[data-theme=dark] .aday.flash .clist{box-shadow:0 0 0 3px rgba(46,93,147,0.55)}
html[data-theme=dark] .alist>.empty{background:var(--card)}
html[data-theme=dark] .cicon.scheduled{background:#1a2533;color:var(--brand2-fg)}
html[data-theme=dark] .cicon.scheduled.rem{background:#1c1633;color:#8675d9}
html[data-theme=dark] .cgroup.sched .crow{background:#0e1c2f}
html[data-theme=dark] .cgroup.sched .crow:hover{background:#17222e}
html[data-theme=dark] .cgroup.sched .crow[aria-current="true"]{background:#182330}
html[data-theme=dark] .olabel.scheduled{color:var(--brand2-fg)}
html[data-theme=dark] .duenow{color:var(--warn-fg)}
html[data-theme=dark] .badge.scheduled{background:#1a2533;color:var(--brand2-fg)}
html[data-theme=dark] .cotag{background:#1f2227}
html[data-theme=dark] .iconbtn[aria-expanded="true"]{background:var(--brand-bg);border-color:var(--brand-fg)}
html[data-theme=dark] .empty-state{background:var(--card)}
html[data-theme=dark] .empty-state.error{background:#181e23}
html[data-theme=dark] .skel-more{background:var(--card)}
/* calls/calls.css */
html[data-theme=dark] .filters{background:var(--card)}
html[data-theme=dark] .chips button{background:var(--card)}
html[data-theme=dark] .chips button[aria-pressed="true"]{background:var(--brand-bg);border-color:var(--brand-fg)}
html[data-theme=dark] .clist{background:var(--card)}
html[data-theme=dark] .crow{background:var(--card)}
html[data-theme=dark] .crow:hover{background:#1b1e24}
html[data-theme=dark] .crow[aria-current="true"]{background:#182330}
html[data-theme=dark] .cicon.answered{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .cicon.missed{background:#331919;color:#e37e73}
html[data-theme=dark] .cicon.voicemail{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .cicon.reminder{background:#1c1633;color:#8675d9}
html[data-theme=dark] .cicon.reminder::after{border:2px solid #27323f;background:var(--ok-bg)}
html[data-theme=dark] .cicon.reminder.warn::after{background:var(--warn-bg)}
html[data-theme=dark] .playbtn{background:var(--brand-bg);box-shadow:0 1px 3px rgba(0,0,0,0.396)}
html[data-theme=dark] .playbtn:hover{background:var(--brand2-bg)}
html[data-theme=dark] .playbtn.playing{background:conic-gradient(#f2b84b calc(var(--p) * 1%), var(--brand-bg) 0)}
html[data-theme=dark] .playbtn.playing::before{background:var(--brand-bg)}
html[data-theme=dark] .olabel.answered{color:var(--ok-fg)}
html[data-theme=dark] .olabel.voicemail,html[data-theme=dark] .olabel.busy{color:var(--warn-fg)}
html[data-theme=dark] .olabel.no_answer,html[data-theme=dark] .olabel.failed{color:#e37e73}
html[data-theme=dark] .tries{background:#1c2027}
html[data-theme=dark] .tries.answered{color:var(--ok-fg);border-color:#395746;background:#1b2c22}
html[data-theme=dark] .tries.no_answer,html[data-theme=dark] .tries.failed,html[data-theme=dark] .tries.busy{color:#e37e73;border-color:#582d2d;background:#2d1515}
html[data-theme=dark] .tries.voicemail{color:var(--warn-fg);border-color:#65532e;background:#332713}
html[data-theme=dark] .attempts{background:#1a1f23}
html[data-theme=dark] .arow:hover{background:var(--soft)}
html[data-theme=dark] .arow[aria-current="true"]{background:#182330}
html[data-theme=dark] .adot.ok{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .adot.bad{background:#331919;color:#e37e73}
html[data-theme=dark] .adot.warn{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .dhead h2{color:var(--brand-fg)}
html[data-theme=dark] .dhead a{color:var(--brand2-fg)}
html[data-theme=dark] .dcard{background:var(--card)}
html[data-theme=dark] .player .speed button{background:var(--card)}
html[data-theme=dark] .player .speed button[aria-pressed="true"]{background:var(--brand-bg);border-color:var(--brand-fg)}
html[data-theme=dark] .bub.agent{background:var(--brand-bg)}
html[data-theme=dark] .bub.them{background:#21252a}
/* companies/companies.css */
html[data-theme=dark] .back{color:var(--brand2-fg)}
html[data-theme=dark] .stats.wide .stat{background:var(--card)}
html[data-theme=dark] .role{background:#181e23}
html[data-theme=dark] .ravatar{background:var(--brand-bg)}
html[data-theme=dark] .playmini{background:var(--brand2-bg)}
html[data-theme=dark] .voicepick select{background:var(--card)}
html[data-theme=dark] .swatch{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.264)}
html[data-theme=dark] .swatch[aria-checked="true"]{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--sw,#303336)}
html[data-theme=dark] .swatch[aria-checked="true"]::after{border:solid #27323f}
html[data-theme=dark] .swatch.none{background:repeating-linear-gradient(45deg,#25282d 0 5px,#1d2024 5px 10px);box-shadow:inset 0 0 0 1px #303336}
html[data-theme=dark] .swatch.none[aria-checked="true"]{box-shadow:0 0 0 3px var(--card),0 0 0 5px #303336}
html[data-theme=dark] .swatch.none[aria-checked="true"]::after{border-color:#5f6a78}
html[data-theme=dark] .customhex input[type=color]{background:var(--card)}
/* dashboard.css */
html[data-theme=dark] .panel{background:var(--card)}
html[data-theme=dark] .pmore{color:var(--brand2-fg)}
html[data-theme=dark] .banner.storm{box-shadow:0 2px 8px rgba(179,38,30,0.55)}
html[data-theme=dark] .banner.snow{box-shadow:0 0 0 2px var(--card),0 0 0 4px rgba(11,61,145,0.7)}
html[data-theme=dark] .wday{background:#191f27}
html[data-theme=dark] .wday.alert-storm,html[data-theme=dark] .wday.alert-rain{background:#331713;border-color:#6a3833}
html[data-theme=dark] .wday.alert-snow{background:#152436}
html[data-theme=dark] .wday .wico{color:var(--muted)}
html[data-theme=dark] .wday .wico.sun{color:#faca5d}
html[data-theme=dark] .wday .wico.partly{color:#fbcd65}
html[data-theme=dark] .wday .wico.rain,html[data-theme=dark] .wday .wico.drizzle{color:#75a6e2}
html[data-theme=dark] .wday .wico.storm{color:#ea7a74}
html[data-theme=dark] .wday .wico.snow,html[data-theme=dark] .wday .wico.sleet{color:#6caaf1}
html[data-theme=dark] .wday .precip{color:#75a6e2}
html[data-theme=dark] .wday .precip.snowy{color:#6caaf1}
html[data-theme=dark] .ditem:hover .dtitle{color:var(--brand2-fg)}
html[data-theme=dark] .dico{background:#1a2533;color:var(--brand2-fg)}
html[data-theme=dark] .dico.ok{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .dico.bad{background:#331b1b;color:var(--bad-fg)}
html[data-theme=dark] .dico.warn{background:#3a2d17;color:var(--warn-fg)}
html[data-theme=dark] .dico.reminder{background:#1c1633;color:#8675d9}
html[data-theme=dark] .cocard{background:var(--card)}
html[data-theme=dark] .cocard:hover{border-color:var(--brand2-fg);box-shadow:0 2px 10px rgba(31,58,95,0.264)}
html[data-theme=dark] .cocard h3{color:var(--brand-fg)}
html[data-theme=dark] .stat{background:#191f27}
html[data-theme=dark] .atnote{background:#372c10;border:1px solid #6d5a2b;color:#efce84}
html[data-theme=dark] .atnote b{color:#f4d38a}
html[data-theme=dark] .wnow{background:linear-gradient(160deg,#152333,#191f27);border:1.5px solid #273d59}
html[data-theme=dark] .wnow .wico{color:var(--muted)}
html[data-theme=dark] .wnow .wico.sun{color:#faca5d}
html[data-theme=dark] .wnow .wico.partly{color:#fbcd65}
html[data-theme=dark] .wnow .wico.rain,html[data-theme=dark] .wnow .wico.drizzle{color:#75a6e2}
html[data-theme=dark] .wnow .wico.storm{color:#ea7a74}
html[data-theme=dark] .wnow .wico.snow,html[data-theme=dark] .wnow .wico.sleet{color:#6caaf1}
html[data-theme=dark] .wref:hover,html[data-theme=dark] .wref:focus-visible{color:var(--brand2-fg)}
/* footer.css */
html[data-theme=dark] .site-footer{color:#a2a9b1}
html[data-theme=dark] .site-footer .ft-bar{background:rgba(22,27,34,0.97);border-top:1px solid #383e45;box-shadow:0 -1px 6px rgba(15,25,40,0.11)}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
html[data-theme=dark] .site-footer .ft-bar{background:rgba(22,27,34,0.88)}
}
html[data-theme=dark] .ft-hd{color:#bcc4cd}
html[data-theme=dark] .ft-hx{color:#9aa0a8}
html[data-theme=dark] .site-footer .ft-brand{text-decoration-color:rgba(154,160,168,0.45)}
html[data-theme=dark] .site-footer .ft-brand:hover{color:var(--brand-fg)}
html[data-theme=dark] .site-footer .ft-brand,html[data-theme=dark] .site-footer .ft-verbtn{text-decoration-color:rgba(154,160,168,0.45)}
html[data-theme=dark] .site-footer .ft-verbtn:hover,html[data-theme=dark] .site-footer .ft-verbtn[aria-expanded="true"]{color:var(--brand-fg)}
html[data-theme=dark] .buildinfo{background:var(--card);color:var(--ink);border:1px solid #383f47;box-shadow:0 14px 36px rgba(15,25,40,0.484)}
html[data-theme=dark] .bi-x{color:var(--muted)}
html[data-theme=dark] .bi-row{border-top:1px solid #34383f}
html[data-theme=dark] .bi-row dt{color:#9aa0a8}
html[data-theme=dark] .bi-abs{color:var(--muted)}
html[data-theme=dark] .bi-commit{color:var(--brand2-fg)}
html[data-theme=dark] .bi-msg{background:#1a2026;border:1px solid #34383f}
html[data-theme=dark] .bi-subject{color:var(--ink)}
html[data-theme=dark] .bi-body{color:#bcc4cd}
html[data-theme=dark] .bi-commit code{background:#1b2129}
/* jobs/jobs.css */
html[data-theme=dark] .jsync .stale{color:var(--warn-fg)}
html[data-theme=dark] .jfilter{background:var(--card)}
html[data-theme=dark] .jfilter button[aria-pressed="true"]{background:var(--brand-bg)}
html[data-theme=dark] .jrow{background:var(--card)}
html[data-theme=dark] .jrow:hover{border-color:var(--brand2-fg)}
html[data-theme=dark] .jid{color:var(--brand-fg)}
html[data-theme=dark] .badge.ip{background:#203127;color:var(--ok-fg)}
html[data-theme=dark] .badge.bl{background:#1f242a;color:#b2bac3}
html[data-theme=dark] .jnums b.owed{color:var(--bad-fg)}
html[data-theme=dark] .jempty{background:var(--card)}
html[data-theme=dark] .atnote{background:#372b10;border:1px solid #69552b}
html[data-theme=dark] .jchip{background:var(--card)}
html[data-theme=dark] .jchip[aria-pressed="true"]{background:#321313;border-color:#652828;color:var(--bad-fg)}
html[data-theme=dark] .jbaltotal{background:var(--card);border-left:4px solid var(--bad-fg)}
html[data-theme=dark] .jbaltotal b{color:var(--bad-fg)}
html[data-theme=dark] .badge.dn{background:#321313;color:var(--bad-fg)}
/* pwa.css */
html[data-theme=dark] .updpill{background:var(--brand-bg);box-shadow:0 8px 22px rgba(15,25,40,0.66)}
html[data-theme=dark] .syncbadge{background:#372b10;color:#ffcf7a;box-shadow:0 6px 18px rgba(15,25,40,0.396)}
html[data-theme=dark] .syncbadge.off{background:#1f242a;border-color:#404851;color:#bcc4ce}
html[data-theme=dark] .syncbadge.bad{background:#311616;border-color:#5c3636;color:#de8888}
html[data-theme=dark] .syncpanel{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 14px 36px rgba(15,25,40,0.55)}
html[data-theme=dark] .syncpanel .spx{color:var(--muted)}
html[data-theme=dark] .splist li{border-top:1px solid #34383f}
html[data-theme=dark] .splist span{color:var(--muted)}
html[data-theme=dark] .sperr{color:var(--bad-fg)}
/* quick/quick.css */
html[data-theme=dark] .qbtn .qic{background:var(--qc,var(--brand-bg));box-shadow:0 3px 10px rgba(15,25,40,0.352)}
html[data-theme=dark] .qbtn:focus-visible .qic{outline:3px solid #304c6c}
html[data-theme=dark] .qhic{color:var(--brand-fg)}
html[data-theme=dark] .qf.bad input,html[data-theme=dark] .qf.bad select,html[data-theme=dark] .qf.bad textarea,html[data-theme=dark] .qf.bad .pick,html[data-theme=dark] .feebox.bad{border-color:var(--bad-fg)!important;box-shadow:0 0 0 2px rgba(163,58,58,0.33)}
html[data-theme=dark] .qf.bad>span{color:var(--bad-fg)}
html[data-theme=dark] .qfoot{background:var(--card)}
html[data-theme=dark] .chips button{background:var(--card)}
html[data-theme=dark] .chips button:hover{border-color:var(--brand2-fg)}
html[data-theme=dark] .segs button{background:var(--card)}
html[data-theme=dark] .segs button[aria-checked="true"]{background:var(--brand-bg);border-color:var(--brand-fg)}
html[data-theme=dark] .qsum .row.tot{border-top:1px solid #36404d}
html[data-theme=dark] .qsum .big{color:var(--brand-fg)}
html[data-theme=dark] .linkbtn{color:var(--brand2-fg)}
html[data-theme=dark] .feebox{border:2px solid #42574b;background:#1c2922}
html[data-theme=dark] .feehead{color:var(--ok-fg)}
html[data-theme=dark] .pick{background:var(--card)}
html[data-theme=dark] .pickgroup{background:#191f27}
html[data-theme=dark] .pickopt{border-top:1px solid #32373f;background:var(--card)}
html[data-theme=dark] .picknew{color:var(--brand2-fg)}
html[data-theme=dark] .pickchosen{background:#141f2c}
html[data-theme=dark] .qtoast{box-shadow:0 10px 30px rgba(0,0,0,0.66)}
/* settings/card-fees/cardfees.css */
html[data-theme=dark] .crumb a{color:var(--brand2-fg)}
html[data-theme=dark] .feelist li{border-top:1px solid #34383f}
html[data-theme=dark] .feelist .badge.def{background:#203127;color:var(--ok-fg)}
/* settings/settings.css */
html[data-theme=dark] .setgroup h2{color:var(--brand-fg)}
/* skeleton.css */
html[data-theme=dark] .skel-row+.skel-row{border-top:1px solid var(--line,var(--line))}
html[data-theme=dark] .clist .skel-row{background:var(--card)}
html[data-theme=dark] .skel-card{background:var(--card);border:1px solid var(--line,var(--line))}
html[data-theme=dark] .skel-block{background:var(--card);border:1px solid var(--line,var(--line))}
html[data-theme=dark] .skel-item+.skel-item{border-top:1px solid var(--line,var(--line))}
/* styles.css */
html[data-theme=dark] h1{color:var(--brand-fg)}
html[data-theme=dark] a.tile:hover{border-color:var(--brand2-fg);box-shadow:0 2px 10px rgba(31,58,95,0.264)}
html[data-theme=dark] .tile h2{color:var(--brand-fg)}
html[data-theme=dark] .auth-logo{box-shadow:0 2px 8px rgba(31,58,95,0.396)}
/* users/users.css */
html[data-theme=dark] .card h2{color:var(--brand-fg)}
html[data-theme=dark] .ulist select{background:var(--card)}
/* voices/style.css */
html[data-theme=dark] h1{color:var(--brand-fg)}
html[data-theme=dark] .picks .box{background:#1d252f;border:1px solid #364355}
html[data-theme=dark] .picks h2{color:var(--brand-fg)}
html[data-theme=dark] .tab{border:2px solid var(--brand-fg);background:var(--card);color:var(--brand-fg)}
html[data-theme=dark] .tab[aria-selected=true]{background:var(--brand-bg)}
html[data-theme=dark] .note{background:#372c10;border:1px solid #6a572b}
html[data-theme=dark] .card{box-shadow:0 1px 2px rgba(0,0,0,0.088)}
html[data-theme=dark] .card.cur{border:2px solid var(--brand2-fg)}
html[data-theme=dark] .play{background:var(--brand-bg)}
html[data-theme=dark] .badge{background:var(--brand2-bg)}
html[data-theme=dark] .prog{background:#26292d}
html[data-theme=dark] .prog i{background:var(--brand2-bg)}
html[data-theme=dark] .unc{color:#ffcf75}
html[data-theme=dark] .rate button{background:var(--card)}
html[data-theme=dark] .rate button.sel[data-r="1"]{background:var(--r1-bg);border-color:var(--r1-fg)}
html[data-theme=dark] .rate button.sel[data-r="2"]{background:var(--r2-bg);border-color:var(--r2-fg)}
html[data-theme=dark] .rate button.sel[data-r="3"]{background:var(--r3-bg);border-color:var(--r3-fg)}
html[data-theme=dark] .title:focus,html[data-theme=dark] .note-in:focus{border-color:var(--brand2-fg)}
html[data-theme=dark] .chips button{border:1px solid #364355;background:#1a222c;color:var(--brand-fg)}
html[data-theme=dark] .use{background:var(--card);color:var(--ok-fg)}
html[data-theme=dark] .bar{background:rgba(36,38,33,0.97)}
html[data-theme=dark] .send{background:var(--brand-bg)}
html[data-theme=dark] .home{color:var(--brand2-fg)}
html[data-theme=dark] .savestate{color:var(--ok-fg)}
html[data-theme=dark] .savestate.bad{color:var(--bad-fg)}
html[data-theme=dark] .lead a,html[data-theme=dark] .small a,html[data-theme=dark] .picks a{color:var(--brand2-fg)}
html[data-theme=dark] .crumb a{color:var(--brand2-fg)}

/* ---- src/dark-base.css ---- */
/* The dark theme's hand-written part (0.5.8). Dark is on when <html data-theme="dark">,
   set before the first paint by the inline theme script (src/theme.js). Edit here,
   then run `node scripts/build-dark.mjs`, which appends this to public/dark.css. */
html[data-theme=dark]{color-scheme:dark;
  --ink:#e4e8ed;--muted:#9ba6b3;--line:#2c3642;--bg:#0f141a;--card:#171e27;--soft:#1e2834;
  /* --brand and friends are used both as a fill (buttons, badges) and as text; dark
     needs a different shade for each, so the generated rules use the -bg / -fg pairs. */
  --brand:#2a4f80;--brand2:#3d75b8;--ok:#2f9e66;--warn:#d4952f;--bad:#d06060;--gold:#d4952f;--r1:#2f9e66;--r2:#d4952f;--r3:#d06060;
  --brand-bg:#2a4f80;--brand-fg:#9cc0ea;--brand2-bg:#3567a6;--brand2-fg:#8fbaf0;
  --ok-bg:#1e7d4f;--ok-fg:#5fcf95;--warn-bg:#a86f1c;--warn-fg:#e9b45a;--bad-bg:#a33a3a;--bad-fg:#f09191;
  --gold-bg:#a86f1c;--gold-fg:#e9b45a;--r1-bg:#1e7d4f;--r1-fg:#5fcf95;--r2-bg:#a86f1c;--r2-fg:#e9b45a;--r3-bg:#a33a3a;--r3-fg:#f09191;
  /* the navbar, and the status bar 20% darker (theme-color #0f1b2c, Zev) */
  --nav:#132237;
  --skel-base:#212a35;--skel-hi:#2c3744}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .appbar{background:var(--nav);box-shadow:0 1px 0 rgba(255,255,255,.05),0 1px 8px rgba(0,0,0,.5)}
html[data-theme=dark] .appnav a{color:#c3d1e2}
html[data-theme=dark] .userpop,html[data-theme=dark] .userpop::before{background:#1c2430}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:#111821;color:var(--ink);border-color:#36414e}
html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled{background-color:#19212b;color:var(--muted)}
html[data-theme=dark] ::placeholder{color:#6f7b89}
html[data-theme=dark] a{color:#8fbaf0}
html[data-theme=dark] .appbar a,html[data-theme=dark] .appbar .brand{color:#fff}
html[data-theme=dark] .appbar .appnav a{color:#c3d1e2}
html[data-theme=dark] .appbar .appnav a[aria-current="page"],html[data-theme=dark] .appbar .appnav a:hover{color:#fff}
html[data-theme=dark] .btn.primary{color:#fff}
/* Inline illustrations (empty and error states): their light fills, by value. */
html[data-theme=dark] svg.art [fill="#ffffff"]{fill:#1f2934}
html[data-theme=dark] svg.art [stroke="#c9d6e6"],html[data-theme=dark] svg.art [stroke="#d3dbe5"]{stroke:#3a4757}
html[data-theme=dark] svg.art [fill="#e3e8ee"]{fill:#1a222c}
html[data-theme=dark] svg.art [fill="#e4edf8"],html[data-theme=dark] svg.art [fill="#e4edf8"] *{fill:#2a3a50}
html[data-theme=dark] svg.art [fill="#eef2f7"],html[data-theme=dark] svg.art [fill="#eef2f7"] *{fill:#28323e}
html[data-theme=dark] svg.art [fill="#e9f5ee"]{fill:#183526}
html[data-theme=dark] svg.art [stroke="#1e7d4f"]{stroke:#5fcf95}
html[data-theme=dark] svg.art [fill="#cfe0f3"]{fill:#2c4565}
html[data-theme=dark] svg.art [fill="#d6ecdf"]{fill:#24483a}
html[data-theme=dark] svg.art [fill="#f2d9a6"]{fill:#6b5428}
html[data-theme=dark] svg.art [fill="#9db4cf"]{fill:#4a6488}
html[data-theme=dark] svg.art [fill="#7d93ad"]{fill:#647d9c}
html[data-theme=dark] svg.art [fill="#fdf3e1"]{fill:#3a3020}
html[data-theme=dark] svg.art [stroke="#e9c98f"]{stroke:#8a6d3a}
/* Scrollbars on desktop */
html[data-theme=dark]{scrollbar-color:#3a4552 #11171e}
html[data-theme=dark] .themeseg button[aria-checked="true"]{background:#2d3a4a;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}
html[data-theme=dark] .site-footer .ft-bar{border-top-color:var(--line)}