/* Per-page palette — UI chrome matches each hero viz (like products.html) */
:root{
  --theme:#9cc7ff;
  --accent:#9cc7ff;
  --theme-rgb:156,199,255;
  --theme-dim:rgba(156,199,255,.12);
  --theme-border:rgba(156,199,255,.28);
  --glass-tint:rgba(156,199,255,.04);
  --glass-inset:rgba(156,199,255,.05);
  --glass-hover:rgba(156,199,255,.35);
  --glass-pulse:rgba(156,199,255,.09);
  --panel-bg-top:rgba(8,12,22,.94);
  --panel-bg-bottom:rgba(0,0,0,.58);
  --viz-radial:rgba(156,199,255,.08);
}

/* Creative — gold / amber (hero artboards) */
body.page-creative{
  --theme:#fcd34d;
  --accent:#fcd34d;
  --theme-rgb:255,200,120;
  --theme-dim:rgba(255,200,120,.1);
  --theme-border:rgba(255,200,120,.28);
  --glass-tint:rgba(255,200,120,.04);
  --glass-inset:rgba(255,200,120,.05);
  --glass-hover:rgba(255,200,120,.35);
  --glass-pulse:rgba(255,200,120,.09);
  --panel-bg-top:rgba(18,14,8,.92);
  --panel-bg-bottom:rgba(0,0,0,.55);
  --viz-radial:rgba(255,200,120,.06);
}

/* Music — violet / magenta */
body.page-music{
  --theme:#c084fc;
  --accent:#e879f9;
  --theme-rgb:192,132,252;
  --theme-dim:rgba(192,132,252,.12);
  --theme-border:rgba(192,132,252,.28);
  --glass-tint:rgba(192,132,252,.04);
  --glass-inset:rgba(192,132,252,.05);
  --glass-hover:rgba(232,121,249,.4);
  --glass-pulse:rgba(192,132,252,.09);
  --panel-bg-top:rgba(18,8,28,.94);
  --panel-bg-bottom:rgba(0,0,0,.58);
  --viz-radial:rgba(192,132,252,.08);
}

/* Films — cinematic cyan */
body.page-films{
  --theme:#9cc7ff;
  --accent:#9cc7ff;
  --theme-rgb:156,199,255;
  --theme-dim:rgba(156,199,255,.1);
  --theme-border:rgba(156,199,255,.28);
  --glass-tint:rgba(156,199,255,.04);
  --glass-inset:rgba(156,199,255,.05);
  --glass-hover:rgba(156,199,255,.35);
  --glass-pulse:rgba(156,199,255,.09);
  --panel-bg-top:rgba(6,10,22,.94);
  --panel-bg-bottom:rgba(0,0,0,.58);
  --viz-radial:rgba(156,199,255,.08);
}

/* Products — blueprint green */
body.page-products{
  --theme:#86efac;
  --accent:#86efac;
  --theme-rgb:134,239,172;
  --theme-dim:rgba(134,239,172,.1);
  --theme-border:rgba(134,239,172,.25);
  --glass-tint:rgba(134,239,172,.04);
  --glass-inset:rgba(134,239,172,.05);
  --glass-hover:rgba(134,239,172,.35);
  --glass-pulse:rgba(134,239,172,.09);
  --panel-bg-top:rgba(8,16,14,.94);
  --panel-bg-bottom:rgba(0,0,0,.58);
  --viz-radial:rgba(134,239,172,.07);
}

/* AUDIOBOXX — signal cyan (+ green lock accent in markup) */
body.page-audioboxx{
  --theme:#9cc7ff;
  --accent:#9cc7ff;
  --theme-rgb:156,199,255;
  --theme-dim:rgba(156,199,255,.12);
  --theme-border:rgba(156,199,255,.28);
  --glass-tint:rgba(156,199,255,.04);
  --glass-inset:rgba(156,199,255,.05);
  --glass-hover:rgba(156,199,255,.35);
  --glass-pulse:rgba(156,199,255,.09);
  --panel-bg-top:rgba(8,12,24,.9);
  --panel-bg-bottom:rgba(0,0,0,.58);
  --viz-radial:rgba(156,199,255,.08);
  --signal-accent:#86efac;
}

/* About, ecosystem, work, legacy — site cyan */
body.page-about,
body.page-ecosystem,
body.page-work,
body.page-legacy{
  --theme:#9cc7ff;
  --accent:#9cc7ff;
  --theme-rgb:156,199,255;
  --theme-dim:rgba(156,199,255,.12);
  --theme-border:rgba(156,199,255,.22);
  --glass-tint:rgba(156,199,255,.04);
  --glass-inset:rgba(156,199,255,.05);
  --glass-hover:rgba(156,199,255,.35);
  --glass-pulse:rgba(156,199,255,.09);
}

.bg-layer::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 80% 50% at 50% 18%,rgba(var(--theme-rgb),.12),transparent 62%);
  pointer-events:none;
  z-index:0;
}

.page-main .case-hero{
  border-color:var(--theme-border);
}

/* Focus labels use page theme */
.creative-focus,
.film-focus,
.music-focus,
.product-focus,
.viz-focus,
.eyebrow.hero-tag,
.eco-link,
.eco-link i,
.top-link:hover{
  color:var(--theme);
}

body.page-products .product-focus{color:var(--theme)}
body.page-creative .creative-focus{color:var(--theme)}

.creative-focus.hot,
.film-focus.hot,
.music-focus.hot,
.product-focus.hot,
.viz-focus.hot{
  color:#fff;
}

/* Icons, chips, cards, pipeline */
.kj-ic,
.detail-list li i,
.chip i,
.eco-block h3>i,
.eco-block .eco-link i,
.btn-accent i,
.pipe-step .kj-ic,
.kpi .num{
  color:var(--theme);
}

.kj-ic,
.pipe-step .kj-ic{
  background:var(--theme-dim);
  border-color:var(--theme-border);
}

.chip.hot{
  border-color:var(--theme-border);
  box-shadow:0 0 24px var(--theme-dim);
}

.chip.hot i{
  color:#fff;
}

.btn-accent{
  border-color:var(--theme-border);
  box-shadow:0 0 36px var(--theme-dim);
}

.progress-track{
  background:linear-gradient(90deg,var(--theme),var(--accent));
  box-shadow:0 0 12px var(--theme);
}

.callout{
  border-color:var(--theme-border);
  background:linear-gradient(90deg,var(--theme-dim),transparent);
}

.kpi .num{
  color:var(--theme);
}

/* AUDIOBOXX: keep live signal status green */
body.page-audioboxx .signal-status,
body.page-audioboxx .signal-meta .lock.matched{
  color:var(--signal-accent);
}