/* FT1015-S8: post-homepage chrome only; customer preview iframes keep their designs.
   Primary paints match the locked home.css / home-us.css (including US gradient). */
:root {
  color-scheme: dark;
  --bg:#07080b; --surface:#0e1014; --surface-raised:#181b22;
  --ink:#f6f4f0; --muted:#b4b7bd; --line:#343740;
  --accent:#d52b1e; --primary:#f6f4f0; --primary-fg:#07080b;
  --paper:var(--bg);
}
:root:has(body[data-brand="us"]) {
  --bg:#050816; --surface:#0e1428; --surface-raised:#182044;
  --ink:#f3f5ff; --muted:#c9d0ea; --line:#35416b;
  --accent:#6f8cff; --primary:linear-gradient(180deg,#4a6dff,#2e50f0); --primary-fg:#fff;
}
html, body, body.cd-app, body.owner-home, body.st {
  background:var(--bg); color:var(--ink); min-height:100vh;
}
body { --btn-bg:var(--primary); --btn-fg:var(--primary-fg); }
body :is(.app-centre,.app-preview-tools,.app-preview-stage,.app-publish-dialog,.app-publish-card,
  .st-card,.owner-card,.panel,.offer-plan,.vs-table-wrap,.vs-table thead th,.vs-table tbody th,
  #shop-nav,#owner-navigation,.product-drawer,table,.consent-panel) {
  background:var(--surface); color:var(--ink); border-color:var(--line);
}
body :is(.app-toggle,.app-secondary,.app-refine textarea,input,select,textarea) {
  background:var(--surface-raised); color:var(--ink); border-color:var(--line);
}
/* SPR-PREVIEW-TOGGLE-1: do not paint Desktop/Mobile (or design thumbs) as primary CTAs —
   that made both segmented-control options look selected on CD + UAS. */
body :is(.app-primary,.button:not(.secondary),.cta,#add-product,
  .owner-agent-actions button,.ob-btn.primary) {
  background:var(--primary); color:var(--primary-fg); border-color:transparent;
}
body .s1 button:not([data-device]):not([data-variant]):not([data-choose]) {
  background:var(--primary); color:var(--primary-fg); border-color:transparent;
}
body :is(.app-primary,.button:not(.secondary),.cta,#add-product):hover,
body .s1 button:not([data-device]):not([data-variant]):not([data-choose]):hover { filter:brightness(1.1); }
body :is(.offer-plan .price,.brand,.app-export a,.app-export button) { color:var(--ink); }
body :is(.muted,.intro,.app-lead,.app-hint,.site-picker,small) { color:var(--muted); }
body :is(#shop-nav,#owner-navigation) [aria-current] { background:var(--surface-raised); box-shadow:inset 3px 0 var(--accent); }
body :focus-visible { outline-color:var(--accent); }
/* Keep the wizard's decorative blue glow within the dark homepage palette. */
body[data-brand="us"] .st-glow { opacity:.35; }
body .cookie-panel { background:var(--surface); color:var(--ink); border-color:var(--line); }
body .button.secondary { background:var(--surface-raised); color:var(--ink); border:1px solid var(--line); }
body.marketing-page .eyebrow { color:var(--accent); }
/* The reused shop shell also styles its own buttons; keep those tenant-aware. */
body :is(#shop-menu,#shop-collapse,.shop-account summary,.owner-picker button) {
  background:var(--surface-raised); color:var(--ink); border-color:var(--line);
}
body :is(#shop-app button,.owner-home button,.shop-layout > main button) {
  background:var(--primary); color:var(--primary-fg);
}
body.owner-home progress { accent-color:var(--accent); }

/* Editor controls previously assumed a pale preview toolbar. */
body :is(.app-design-card button,.app-page[aria-current=page]) {
  background:var(--surface-raised); color:var(--ink); border-color:var(--line);
}
/* SPR-PREVIEW-TOGGLE-1: Explee-style segmented control — only aria-pressed=true is highlighted. */
body :is(.app-toggle, .s1-device) {
  background:var(--surface-raised); border:1px solid var(--line); border-radius:10px; padding:3px;
  display:inline-flex; gap:0;
}
body :is(.app-toggle, .s1-device) button {
  background:transparent; color:var(--muted); border:0; box-shadow:none;
  border-radius:7px; font-weight:600; min-height:38px; padding:6px 14px; cursor:pointer;
}
body :is(.app-toggle, .s1-device) button[aria-pressed="true"] {
  background:var(--surface); color:var(--ink); box-shadow:inset 0 0 0 1px var(--accent);
}
body .app-design-card[aria-current=true] { outline-color:var(--accent); }
body .se-lockup-mark { color:var(--accent); }
body .site-imprint { color:var(--muted); }