/* Blue is the shared design-system default. This file only adjusts surfaces and legacy artwork. */

html #report-panel,
html #purchase-quote-panel {
  --color-background: #fff;
}

html :is(#export-request-dialog, #free-consultation-dialog, #login-dialog, #terms-dialog, #inquiry-consent-dialog)::backdrop {
  background: #171e2b66;
}

html #home[data-hero-color-trial="blue"] {
  background: var(--color-background);
}

html #home[data-hero-preview-mode="D"] {
  --color-background: #fff;
}

/* B/C/D artwork: tint only the paper, never the vehicle layer.
   The artwork trial flag does not reset the home/workspace UI palette. */
html #home[data-hero-color-trial="blue"] .quote-orbit-card .quote-card-paper {
  filter: hue-rotate(60deg) saturate(1.25);
}
html #home[data-hero-color-trial="blue"] .quote-orbit-card[data-quote-card-kind="suv"] .quote-card-paper {
  filter: hue-rotate(52deg) saturate(.85);
}
html #home[data-hero-color-trial="blue"] .quote-orbit-card[data-quote-card-kind="rv"] .quote-card-paper {
  filter: hue-rotate(66deg) saturate(.65);
}
html #home[data-hero-color-trial="blue"] .quote-orbit-card[data-quote-card-kind="city"] .quote-card-paper {
  filter: hue-rotate(60deg) saturate(1.45);
}
html #home[data-hero-color-trial="blue"] .quote-orbit-card[data-quote-card-kind="sports"] .quote-card-paper {
  filter: hue-rotate(56deg) saturate(.45);
}
html #home[data-hero-color-trial="blue"] .quote-card-poster {
  filter: hue-rotate(60deg) saturate(.7);
}
html #home[data-hero-color-trial="blue"] .quote-card-trail {
  fill: var(--color-secondary);
}
html #home[data-hero-color-trial="blue"] .quote-card-particle {
  fill: var(--color-secondary-soft);
}
html #home[data-hero-color-trial="blue"] .quote-card-particle[data-quote-particle-tone="blue"],
html #home[data-hero-color-trial="blue"] .quote-card-particle[data-quote-particle-tone="violet"] {
  fill: var(--color-secondary);
}

@media (prefers-reduced-motion: no-preference) {
  #home { transition: background-color 240ms cubic-bezier(.22,1,.36,1); }
}

/* Match the existing opaque mint footage and poster, with brighter highlights
   and slightly stronger subject detail. No asset or playback changes. */
html:not([data-report-mounted]) #home[data-hero-color-trial="blue"] :is(.story-foreground, .story-poster) {
  filter: brightness(1.02) contrast(1.06) saturate(1.1);
}

html:not([data-report-mounted]) #home[data-hero-color-trial="blue"] .story-skip {
  background: var(--color-primary-strong);
  color: var(--color-surface);
  box-shadow: 0 6px 20px #155bf026;
}

@media (hover: hover) and (pointer: fine) {
  html:not([data-report-mounted]) #home[data-hero-color-trial="blue"] .story-skip:hover {
    background: #104bd0;
  }
}

/* Every lookup step shares the embedded form’s white canvas. */
html #home.hero-with-lookup {
  --color-background: var(--color-surface, #fff);
  background: var(--color-surface, #fff);
}