/* site-palette.css: VendorReplies.ai palette overrides, loaded after palettes.css.
   The banner frame keeps its warm sun-to-coral gradient (the one warm element);
   the page itself is shifted to a cold brushed-metal palette (cool greys, steel-blue
   accent) in both schemes. Only palette tokens on the site class, per the gate. */

/* The warm banner frame, unchanged, in every state. */
.site-vendorreplies { --banner-from: #ffd23f; --banner-to: #ff6b4a; }

/* ---- cold-metal light form (base + forced light) ---- */
.site-vendorreplies,
[data-scheme="light"].site-vendorreplies {
  --bg: #f1f3f6;
  --surface-raised: #fafbfd;
  --surface-sunken: #e9edf2;
  --text: #1a1e23;
  --text-muted: #565d66;
  --rule: #ccd2d9;
  --rule-strong: #6b7580;
  --accent: #245c88;
  --on-accent: #fafbfd;
  --link: #20527a;
  --link-hover: #163e5c;
  --focus: #2f74b5;
  --selection: #bcd8f0;
  --code-bg: #ebeff4;
  --callout-bg: #e9f0f7;
  --glow: #cfe0f0;
  --brand: #4a7fb0;
  --row-tint: #ebf0f5;
  --row-hover: #e4ecf4;
  --heat-0: #ffffff;
  --heat-1: #eef4fa;
  --heat-2: #e1ebf4;
  --heat-3: #d4e2ef;
  --heat-4: #c8d9ea;
  --ink-warm: #a8460c;
  --heading-fg: #245c88;
}

/* ---- cold-metal dark form (device dark + forced dark) ---- */
@media (prefers-color-scheme: dark) {
  .site-vendorreplies:not([data-scheme="light"]) {
    --bg: #121519;
    --surface-raised: #1c2127;
    --surface-sunken: #0a0d10;
    --text: #e6e9ed;
    --text-muted: #969da6;
    --rule: #2a3139;
    --rule-strong: #727c87;
    --accent: #62a0d8;
    --on-accent: #0a0d10;
    --link: #82b6e8;
    --link-hover: #8fc0ee;
    --focus: #62a0d8;
    --selection: #2d4a66;
    --code-bg: #080b0e;
    --callout-bg: #112232;
    --glow: #1d3a52;
    --brand: #6fa8dd;
    --row-tint: #161b21;
    --row-hover: #1f262e;
    --heat-0: #11151b;
    --heat-1: #15202e;
    --heat-2: #192b40;
    --heat-3: #1d3652;
    --heat-4: #214266;
    --ink-warm: #ff9d5c;
    --heading-fg: #62a0d8;
  }
}
[data-scheme="dark"].site-vendorreplies {
  --bg: #121519;
  --surface-raised: #1c2127;
  --surface-sunken: #0a0d10;
  --text: #e6e9ed;
  --text-muted: #969da6;
  --rule: #2a3139;
  --rule-strong: #727c87;
  --accent: #62a0d8;
  --on-accent: #0a0d10;
  --link: #82b6e8;
  --link-hover: #8fc0ee;
  --focus: #62a0d8;
  --selection: #2d4a66;
  --code-bg: #080b0e;
  --callout-bg: #112232;
  --glow: #1d3a52;
  --brand: #6fa8dd;
  --row-tint: #161b21;
  --row-hover: #1f262e;
  --heat-0: #11151b;
  --heat-1: #15202e;
  --heat-2: #192b40;
  --heat-3: #1d3652;
  --heat-4: #214266;
  --ink-warm: #ff9d5c;
  --heading-fg: #62a0d8;
}