/* A reversible connected palette, not a replacement for the brand tokens.
   Disable connectedToneTrialEnabled in LandingLayout to remove this layer. */
#landing-workspace[data-tone-trial="connected"] main > .panel:not(.hero) {
  --color-ink: #242a32;
  --ink: var(--color-ink);
  color: var(--color-ink);
}

/* The introduction stays mostly neutral; blue owns more area in seller 1. */
html:not([data-report-mounted]) #landing-workspace[data-tone-trial="connected"] #home[data-hero-color-trial="blue"] {
  --color-background: #fbfcfe;
  --color-section-start: #eef1f5;
}
html:not([data-report-mounted]) #landing-workspace[data-tone-trial="connected"] #home[data-hero-color-trial="blue"] :is(.story-foreground, .story-poster) {
  filter: brightness(1.02) contrast(1.06) saturate(.94);
}

#landing-workspace[data-tone-trial="connected"] .brand {
  --color-section-brand: #f8fafc;
}
#landing-workspace[data-tone-trial="connected"] .seller {
  --color-section-seller: #e8efff;
}
#landing-workspace[data-tone-trial="connected"] .buyer {
  --color-section-buyer: #fff8e6;
}
#landing-workspace[data-tone-trial="connected"] .dollar {
  --color-section-dollar: #f4f1fc;
}
#landing-workspace[data-tone-trial="connected"] .care {
  --color-section-care: #faf6f0;
}
#landing-workspace[data-tone-trial="connected"] .start {
  --color-section-start: #f4f7fb;
}
/* D closes on the same white canvas as its opening hero, including FAQ. */
#landing-workspace:has(#home[data-hero-preview-mode="D"]) #start {
  --color-section-start: #fff;
  background: #fff;
}
/* Export retains its asset-matched sky blue. The puzzle, USD receipt and care
   papers retain their existing mint/yellow/purple/service-specific accents. */

#landing-workspace[data-tone-trial="connected"] :is(.text-link, .start-links a) {
  color: #155bf0;
  border-color: currentColor;
}
#landing-workspace[data-tone-trial="connected"] .start h2 span {
  color: #155bf0;
}
#landing-workspace[data-tone-trial="connected"] :is(a, button, summary):focus-visible {
  outline-color: #155bf0;
}
body:has(#landing-workspace[data-tone-trial="connected"]) :is(header[data-surface="section"], footer) {
  --color-ink: #242a32;
  --ink: var(--color-ink);
  color: var(--color-ink);
}
body:has(#landing-workspace[data-tone-trial="connected"]) header[data-surface="section"] {
  --color-primary-strong: #155bf0;
  --color-primary-soft: #e3edff;
}
body:has(#landing-workspace[data-tone-trial="connected"]) .back-to-top {
  background: #155bf0;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #landing-workspace[data-tone-trial="connected"] .start-links a:hover {
    background: #e3edff;
  }
}