/* ---------- Dark (preview for Ryan, 14 Oct; round 2: "look at the intro… use those colors… everything legible").
   The intro's inks only (walkthrough B, the poster wall): a deep ground, the colourway's full-strength main colour as
   every card and panel (like the blue poster), its spot ink for buttons, halftone and accents, and cream for all type,
   headlines in cream with the spot offset. Blocks separate by fill, not by hairlines; no pastel inks. AA everywhere,
   on the ground and on the cards (e2e/colours.js). Night is already dark, so it stays itself. */
html[data-family=overprint][data-ground=dark]{color-scheme:dark;--c-cream-2:var(--th-ink2)}   /* quiet text stays solid: cream at 70% is under AA on the cards */
html[data-ground=dark][data-appearance=club]{--th-paper-rgb:16,33,63;--th-paper:#10213F;--th-card:#0A5AA8;--th-stub:#084B8C;--th-ink:#EFEBE1;--th-ink-rgb:239,235,225;--th-ink2:#DCE3EE;--th-a:#EFEBE1;
  --th-btn:#FF6C2F;--th-btn-ink:#10213F;--th-dot:#FF6C2F;--th-shadow-c:rgba(255,108,47,.92);--th-hair:rgba(239,235,225,.5);--th-soft:rgba(239,235,225,.1);--th-going:#9CEBBE;--th-needs:#FFD3CB;--th-blend:normal;
  --th-rule:1.5px solid #EFEBE1}
html[data-ground=dark][data-appearance=sunshine]{--th-paper-rgb:10,34,36;--th-paper:#0A2224;--th-card:#00666C;--th-stub:#00575C;--th-ink:#F3EEE0;--th-ink-rgb:243,238,224;--th-ink2:#DDE8E6;--th-a:#F3EEE0;
  --th-btn:#FFDD00;--th-btn-ink:#17140A;--th-dot:#FFDD00;--th-shadow-c:rgba(255,221,0,.92);--th-hair:rgba(243,238,224,.5);--th-soft:rgba(243,238,224,.1);--th-going:#9CEBBE;--th-needs:#FFD3CB;--th-blend:normal;
  --th-rule:1.5px solid #F3EEE0}
html[data-ground=dark][data-appearance=garden]{--th-paper-rgb:8,26,23;--th-paper:#081A17;--th-card:#004F46;--th-stub:#00433B;--th-ink:#F1ECE2;--th-ink-rgb:241,236,226;--th-ink2:#DCE6E2;--th-a:#F1ECE2;
  --th-btn:#E2625E;--th-btn-ink:#1A0F0E;--th-dot:#E2625E;--th-shadow-c:rgba(226,98,94,.92);--th-hair:rgba(241,236,226,.5);--th-soft:rgba(241,236,226,.1);--th-going:#9CEBBE;--th-needs:#FFD3CB;--th-blend:normal;
  --th-rule:1.5px solid #F1ECE2}
/* a card is its fill: no outline drawn round a solid block on the ground */
html[data-ground=dark]:not([data-appearance=night]) body.look :is(.card,.panel,.acard,.bstep,.piece,.chat,.lk-make,.item,.job,.lk-w,.lk-offer,.lk-tool:not(.soon),.tl-day,.tl-helpbtn,.lk-one,.lk-me,.swipe,.hx){border-color:transparent}
/* the wordmark: cream letters, the brackets keep the spot ink */
html[data-ground=dark][data-logo=club] .lk-logo .lk-word[data-logo=club]{content:url(/brand/themes/club-on.svg)}
html[data-ground=dark][data-logo=sunshine] .lk-logo .lk-word[data-logo=sunshine]{content:url(/brand/themes/sunshine-on.svg)}
html[data-ground=dark][data-logo=garden] .lk-logo .lk-word[data-logo=garden]{content:url(/brand/themes/garden-on.svg)}
/* packets in an Overprint design, and the walkthrough's preview of the front: the same inks */
:is(html[data-ground=dark] [data-design=club],[data-ground=dark][data-design=club]){--pk-page:#10213F;--pk-sheet:#10213F;--pk-stub:#0A5AA8;--pk-ink:#EFEBE1;--pk-ink2:#DCE3EE;--pk-a:#EFEBE1;--pk-dot:#FF6C2F;--pk-title-ink:#EFEBE1;
  --pk-shadow:3px 2px 0 rgba(255,108,47,.92);--pk-btn:#FF6C2F;--pk-btn-ink:#10213F;--pk-ring:#EFEBE1;--pk-line:rgba(239,235,225,.5);--pk-scrim:rgba(0,0,0,.55);--pk-soft:#0A5AA8;--pk-blend:normal;--pk-mark:#EFEBE1;color-scheme:dark}
:is(html[data-ground=dark] [data-design=sunshine],[data-ground=dark][data-design=sunshine]){--pk-page:#0A2224;--pk-sheet:#0A2224;--pk-stub:#00666C;--pk-ink:#F3EEE0;--pk-ink2:#DDE8E6;--pk-a:#F3EEE0;--pk-dot:#FFDD00;--pk-title-ink:#F3EEE0;
  --pk-shadow:3px 2px 0 rgba(255,221,0,.92);--pk-btn:#FFDD00;--pk-btn-ink:#17140A;--pk-ring:#F3EEE0;--pk-line:rgba(243,238,224,.5);--pk-scrim:rgba(0,0,0,.55);--pk-soft:#00666C;--pk-blend:normal;--pk-mark:#F3EEE0;color-scheme:dark}
:is(html[data-ground=dark] [data-design=garden],[data-ground=dark][data-design=garden]){--pk-page:#081A17;--pk-sheet:#081A17;--pk-stub:#004F46;--pk-ink:#F1ECE2;--pk-ink2:#DCE6E2;--pk-a:#F1ECE2;--pk-dot:#E2625E;--pk-title-ink:#F1ECE2;
  --pk-shadow:3px 2px 0 rgba(226,98,94,.92);--pk-btn:#E2625E;--pk-btn-ink:#1A0F0E;--pk-ring:#F1ECE2;--pk-line:rgba(241,236,226,.5);--pk-scrim:rgba(0,0,0,.55);--pk-soft:#004F46;--pk-blend:normal;--pk-mark:#F1ECE2;color-scheme:dark}
/* the load screen over dark: cream wordmark, the orange overprint (public/ground.js sets the ground before anything paints) */
html[data-ground=dark] .boot{--boot-paper:#10213F;--boot-blue:#EFEBE1}
/* the walkthrough's last step in Dark: the navy ground, and its cream caption card, as in the intro's own posters */
html[data-ground=dark] .wl{--wl-stub:#10213F}
html[data-ground=dark] .wl:has(.wl-step.last) .wl-top{color:#EFEBE1}
html[data-ground=dark] .wl-chip:not([data-design=night]){background:var(--pk-stub);color:var(--pk-ink)}   /* each chip shows its colourway's own colour */
.wl-prev[data-ground=dark] :is(.wl-pv-row span,.wl-pv-week){background:var(--pk-stub);outline-color:var(--pk-stub)}   /* cards as fills, as in the app */