body[data-site="coin"]{--site-paper:#f4f0f5;--site-section:#ebe4ee;--site-surface:#faf7fb;--site-ink:#392f40;--site-muted:#605367;--site-line:#d1c4d7;--site-accent:#714c78;--site-action:#68456f;--site-action-ink:#fff9ff;--site-shell:#3e3144}
/* Layout comes from the framework. Color comes from the site palette. */
body[data-site][class*="framework-"] {
  --paper:var(--site-paper);
  --ink:var(--site-ink);
  --muted:var(--site-muted);
  --line:var(--site-line);
  --accent:var(--site-accent)!important;
  --shell-ink:#fbfaf6;
  --shell-muted:#e1dfd9;
  --shell-line:#ffffff3d;
  --nav-bg:var(--site-paper);
  --nav-ink:var(--site-ink);
  --nav-link:var(--site-accent);
  --hero-bg-site:var(--site-section);
  --hero-ink-site:var(--site-ink);
  --hero-muted-site:var(--site-muted);
  --hero-line-site:var(--site-line);
  --hero-key-site:var(--site-accent);
  background:var(--site-paper);
  color:var(--site-ink);
}
body[data-site].framework-wonvolt {
  --nav-bg:var(--site-shell);
  --nav-ink:var(--shell-ink);
  --hero-bg-site:var(--site-paper);
}
body[class*="framework-"]:is([data-site="energy-storage"],[data-site="robotics"]) {
  --hero-bg-site:var(--site-shell);
  --hero-ink-site:var(--shell-ink);
  --hero-muted-site:var(--shell-muted);
  --hero-line-site:var(--shell-line);
  --hero-key-site:var(--shell-muted);
}
body[data-site][class*="framework-"] .jr-hero {
  --hero-bg:var(--hero-bg-site);
  --hero-fg:var(--hero-ink-site);
  --hero-muted:var(--hero-muted-site);
  --hero-line:var(--hero-line-site);
  --hero-key:var(--hero-key-site);
  background:var(--hero-bg-site);
}
body[data-site][class*="framework-"] .header {
  background:var(--nav-bg);
  color:var(--nav-ink);
  border-color:var(--site-line);
}
body[data-site][class*="framework-"] .topbar,
body[data-site][class*="framework-"] .footer,
body[data-site][class*="framework-"] .cta {
  background:var(--site-shell);
  color:var(--shell-ink);
  border-color:var(--shell-line);
}
body[data-site][class*="framework-"] :is(.topbar,.footer,.cta) :is(p,.eyebrow,.footer-bottom,.brand span) {color:var(--shell-muted)}
body[data-site][class*="framework-"] :is(.topbar,.footer) :is(a,h4,.brand strong),
body[data-site][class*="framework-"] .cta h2 {color:var(--shell-ink)}
body[data-site][class*="framework-"] .footer-bottom {border-color:var(--shell-line)}
body[data-site][class*="framework-"] .header :is(.brand strong,.brand span,.menu-toggle) {color:var(--nav-ink);border-color:var(--site-line)}
body[data-site][class*="framework-"] .header :is(.mobile-blog,#main-nav a:not(.nav-cta)) {color:var(--nav-ink)!important}
body[data-site][class*="framework-"] .header :is(.mobile-blog,#main-nav a.active,#main-nav a:hover) {border-color:var(--nav-link)}
body[data-site][class*="framework-"] .header :is(.mobile-blog,#main-nav a.active) {color:var(--nav-link)!important}
body[data-site][class*="framework-"] :is(.nav-cta,.btn:not(.secondary),.content-banner-primary) {
  background:var(--site-action);
  color:var(--site-action-ink)!important;
  border-color:var(--site-action);
}
body[data-site][class*="framework-"] :is(.nav-cta,.btn:not(.secondary),.content-banner-primary):hover {
  background:var(--site-action);
  border-color:var(--site-action);
  filter:brightness(.94);
}
body[data-site][class*="framework-"] .cta .btn:not(.secondary) {
  background:var(--site-surface);
  color:var(--site-ink)!important;
  border-color:var(--site-line);
}
body[data-site][class*="framework-"] .btn.secondary {background:transparent;color:var(--site-ink);border-color:var(--site-line)}

body[data-site][class*="framework-"] :is(.section,.case-section,.content-banner-section,.v4-category-section) {
  background:var(--site-paper);
  color:var(--site-ink);
}
body[data-site][class*="framework-"] :is(.section.alt,.enrich-muted,.page-heading,.v4-engineering-section,.v4-about-section,.v4-solution-first,.v4-faq-section,.content-banner-application-section,.jr-feature) {
  background:var(--site-section);
  color:var(--site-ink);
  border-color:var(--site-line);
}
body[data-site][class*="framework-"] .v4-home {
  --v4-soft:var(--site-section);
  --v4-card:var(--site-surface);
  --v4-border:var(--site-line);
}
body[data-site][class*="framework-"] :is(.v4-engineering-steps,.v4-service-card,.v4-category-grid,.v4-category-card,.enrich-card,.enrich-route-card,.enrich-reading-card,.case-card,.application,.product-grid .product-card,.form,.detail-nav,.article-aside,.compare-panel) {
  background:var(--site-surface);
  color:var(--site-ink);
  border-color:var(--site-line)!important;
}
body[data-site][class*="framework-"] .home-collection>.product-card:is(:first-child,:not(:first-child)) {
  background:var(--site-surface);
  color:var(--site-ink);
  border-color:var(--site-line);
}
body[data-site][class*="framework-"] :is(.product-image,.detail-image,.content-banner-product-visual) {
  background:#fff;
  border-color:var(--site-line);
}
body[data-site][class*="framework-"] :is(.section,.case-section,.page-heading,.article-layout,.product-hero,.content-banner-product,.compare-panel) :is(h1,h2,h3),
body[data-site][class*="framework-"] .jr-feature h2 {color:var(--site-ink)}
body[data-site][class*="framework-"] :is(.section-heading,.enrich-heading,.product-body,.application,.case-card,.story,.page-heading,.detail-copy,.v4-about-copy,.v4-engineering-intro,.v4-service-card,.jr-feature) p {color:var(--site-muted)}
body[data-site][class*="framework-"] .home-collection>.product-card .product-body p {color:var(--site-muted)}
body[data-site][class*="framework-"] .story {border-top-color:var(--site-line)}
body[data-site][class*="framework-"] :is(.section,.case-section,.page-heading,.article-layout,.detail-copy,.jr-feature) :is(.text-link,.eyebrow,.enrich-link,.jr-feature-kicker),
body[data-site][class*="framework-"] :is(.breadcrumb a,.case-card .text-link) {color:var(--site-accent)}
body[data-site][class*="framework-"] .jr-feature :is(.text-link,.jr-feature-kicker) {color:var(--site-accent)}
body[data-site][class*="framework-"] :is(.enrich-card-index,.application .number,.spec-chips span,.case-tags span) {
  background:var(--site-section);color:var(--site-ink);border-color:var(--site-line);
}
body[data-site][class*="framework-"] .product-image .tag {background:var(--site-section);color:var(--site-ink)}
body[data-site][class*="framework-"] :is(.note,.enrich-compact-note,.article-aside) {background:var(--site-section);color:var(--site-ink);border-color:var(--site-line)}
body[data-site][class*="framework-"] :is(.field input,.field select,.field textarea,.toolbar input) {
  background:var(--site-paper);color:var(--site-ink);border-color:var(--site-line);
}
body[data-site][class*="framework-"] :is(.field input,.field textarea,.toolbar input)::placeholder {color:var(--site-muted);opacity:1}
body[data-site][class*="framework-"] :is(th,td) {border-color:var(--site-line);color:var(--site-ink);background:var(--site-surface)}
body[data-site][class*="framework-"] th {background:var(--site-section)}
body[data-site][class*="framework-"] .article-rich {
  --article-panel:var(--site-section);
  --article-edge:var(--site-line);
  --article-text:var(--site-ink);
  --article-muted:var(--site-muted);
  --article-link:var(--site-accent);
  --article-table-head:var(--site-section);
}
body[data-site][class*="framework-"] :is(.content-banner-product,.content-banner-application) {background:var(--site-section);border-color:var(--site-line)}
body[data-site][class*="framework-"] .content-banner-product .content-banner-copy :is(h2,p,li,.content-banner-eyebrow,.content-banner-secondary) {color:var(--site-ink)}
body[data-site]:not(.framework-wonvolt) .content-banner-application .content-banner-copy {background:var(--site-section);color:var(--site-ink)}
body[data-site]:not(.framework-wonvolt) .content-banner-application .content-banner-copy :is(h2,p,.content-banner-eyebrow,.content-banner-secondary) {color:var(--site-ink)}
body[data-site][class*="framework-"] .v4-category-card:hover {background:var(--site-section)}
body[data-site][class*="framework-"] .expertise-band {background:var(--site-section)!important}
body[data-site][class*="framework-"] :is(.analytics-consent,.analytics-consent button,.analytics-settings) {
  background:var(--site-surface);color:var(--site-ink);border-color:var(--site-line);
}
body[data-site][class*="framework-"] .analytics-consent :is(h2,p) {color:var(--site-ink)}
body[data-site][class*="framework-"] .analytics-consent a {color:var(--site-accent)}
body[data-site][class*="framework-"] .analytics-consent [data-analytics-accept] {
  background:var(--site-action);color:var(--site-action-ink);border-color:var(--site-action);
}
body[data-site][class*="framework-"] :is(a,button,input,textarea,select):focus-visible {
  outline:2px solid var(--site-accent);outline-offset:3px;
}

@media(max-width:980px) {
  body[data-site][class*="framework-"] .header #main-nav {
    background:var(--nav-bg);
    border-color:var(--site-line);
  }
}
@media print {
  body[data-site][class*="framework-"] {
    --site-paper:#fff;--site-section:#eee;--site-surface:#fff;--site-ink:#111;--site-muted:#333;--site-line:#bbb;--site-accent:#111;
  }
}