/* ============================================================
   vi2: THE BLUE ON EVERY PAGE (owner, 3 Oct: "apply that same
   universal color to the other pages" and "words ... in auxe blue").
   1. Every control that was black (primary buttons, the chosen
      option, the set being lifted, the chosen rep, send, Snap your
      plate, + water) shares --vr-graphite. That one setting is now
      the AUXE blue, and its words are dark ink (--on-key).
   2. Titles and section headings take the AUXE blue. Baby blue
      itself is too faint to read on the light page, so words use the
      same blue, deeper: big titles #4483BA, headings and labels
      #2F6A9A. Numbers, lift names and sentences stay dark.
   ============================================================ */

:root:not([data-theme="dark"]){
  --vr-graphite:linear-gradient(180deg,#C2DEF7 0%,#A7CFF2 55%,#8EBFE8 100%);
  --vr-graphite-edge:0 1px 0 rgba(255,255,255,.75) inset,0 -2px 0 rgba(30,31,33,.12) inset,0 12px 24px -14px rgba(30,31,33,.45);
  --on-key:#10161F;
  --word-lg:#253B4C; --word:#526575}
:root[data-theme="dark"]{--word-lg:#A7CFF2; --word:#A7CFF2}/* page titles */

body.pm-premium #todayTitle,body.pm-premium section#progress>h1,body.pm-premium section#eat>h1,
body.pm-premium #adamHead h1,body.pm-premium #pfHead,body.pm-premium #wkHero .wh-k,
body.pm-premium .sess .sess-lift,body.pm-premium .onb h1{color:var(--word-lg)!important}/* section headings and small labels */

body.pm-premium #trainHead,body.pm-premium #eat .sec-head h2,body.pm-premium #eat .quickhead,
body.pm-premium #today #heroProg .hw-t b,
body.pm-premium #ask .an-k,body.pm-premium .pf-k,body.pm-premium .pfd-k,
body.pm-premium .sess .sess-eyebrow,body.pm-premium .rf-nm,body.pm-premium .onb .onb-k,body.pm-premium .onb-sum .k{color:var(--word)!important}/* Set done: the blue key carries a dark disc with the white check, like the Home hero's action */

:root:not([data-theme="dark"]) body.pm-premium .sess .btn.setdone .sd-disc{background:linear-gradient(180deg,#363738 0%,#1A1B1C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(30,31,33,.3)}
:root:not([data-theme="dark"]) body.pm-premium .sess .btn.setdone.held .sd-disc{background:linear-gradient(180deg,#4A4B4C 0%,#26272A 100%)}/* the "set logged" chip that flashes after a set */

:root:not([data-theme="dark"]) .sess-flash b:not(.pr){background:linear-gradient(180deg,#C2DEF7,#A7CFF2);color:var(--on-key,#10161F)}/* marks drawn in white on the old black keys are dark on the blue ones */

:root:not([data-theme="dark"]) body.pm-premium #ask #chatSend svg{stroke:var(--on-key,#10161F)!important}
:root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-start::before{border-left-color:var(--on-key,#10161F)}
:root:not([data-theme="dark"]) body.pm-premium .sess.resting .sess-foot #sessGo:not(.hold)::after{filter:invert(1) brightness(.12)}
:root:not([data-theme="dark"]) body.pm-premium .onb-opt.on small,:root:not([data-theme="dark"]) body.pm-premium .onb-opt.on .oo-t small{color:var(--on-key-2,#2B3440)!important}/* Snap your plate: its words were white for the black key */

:root:not([data-theme="dark"]) body.pm-premium #fhPhoto .fl-t b{color:var(--on-key,#10161F)!important}
:root:not([data-theme="dark"]) body.pm-premium #fhPhoto .fl-t span{color:var(--on-key-2,#2B3440)!important}
body.pm-premium #fhPhoto .fl-t,body.pm-premium #fhPhoto .fl-t span{opacity:1}