/* Applied when the desk is embedded in the TCSell site. Follows data-palette and data-theme. */
html[data-palette] body.deck {
  background: var(--chrome);
  color: var(--chrome-ink);
}
html[data-palette] .rail { border-color: color-mix(in srgb, var(--chrome-ink) 16%, transparent); }
html[data-palette] .rail button { color: var(--chrome-muted); }
html[data-palette] .rail button.is-on { background: var(--chrome-ink); color: var(--chrome); }
html[data-palette] .rail small { color: var(--stamp); }
html[data-palette] .games button {
  border-color: color-mix(in srgb, var(--chrome-ink) 18%, transparent);
  background: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  color: var(--chrome-ink);
}
html[data-palette] .games button.is-on,
html[data-palette] .calls button.is-on,
html[data-palette] .plans .plan.is-on {
  background: var(--stamp);
  color: var(--stamp-ink);
  border-color: var(--stamp);
}
html[data-palette] .calls button,
html[data-palette] .filters .reset,
html[data-palette] .filter-menu summary {
  border-color: color-mix(in srgb, var(--chrome-ink) 18%, transparent);
  background: color-mix(in srgb, var(--chrome-ink) 6%, transparent);
  color: var(--chrome-ink);
}
html[data-palette] .filter-menu summary em,
html[data-palette] .note,
html[data-palette] .kicker { color: var(--chrome-muted); }
html[data-palette] .search,
html[data-palette] .flt select,
html[data-palette] .flt input,
html[data-palette] .setchip,
html[data-palette] #cart-panel,
html[data-palette] #account-panel {
  background: var(--paper-deep);
  color: var(--ink);
  border-color: var(--rule);
}
html[data-palette] .flt { color: var(--ink-soft); }
html[data-palette] .toast { background: var(--stamp); color: var(--stamp-ink); }
html[data-palette] .card-badge-top b.is-submit { background: var(--gain); color: var(--chrome); }
html[data-palette] .card-badge-top b.is-cherry-pick,
html[data-palette] .card-badge-foot b.is-gold { background: var(--stamp); color: var(--stamp-ink); }
html[data-palette] .card-badge-foot b.is-gold { background: transparent; color: var(--stamp); }
html[data-palette] .card-badge-top span,
html[data-palette] .card-badge-foot { background: color-mix(in srgb, var(--chrome) 88%, transparent); color: var(--chrome-ink); }
html[data-palette] .card-badge-top span { color: var(--gain); }
html[data-palette] .card-back,
html[data-palette] .face {
  background: var(--paper-deep);
  color: var(--ink);
  border-color: var(--stamp);
}
html[data-palette] .card-back .buy { background: var(--stamp); color: var(--stamp-ink); }