/* Local theme proposal — inspired by the VoltConnect color reference. */
:root {
  --bg:#04060d; --surface:#0d1220; --text:#f4f7ff; --muted:#b4bfd3;
  --border:#43516a; --accent:#55d9ff; --ink:#04060d; --focus:#ffbb66;
  --gold:#55d9ff; --gold2:#a2ebff;
  --spectrum:linear-gradient(110deg,#00d5ff 0%,#1677ff 27%,#a342ff 48%,#ff1688 70%,#ff9518 100%);
}
body,body[data-sector] {
  --accent:#55d9ff;
  background:
    radial-gradient(ellipse at 4% 0%,#006fff20,transparent 36rem),
    radial-gradient(ellipse at 96% 16%,#fd168c13,transparent 40rem),
    #04060d;
  color:var(--text);
}
body.light,body.light[data-sector] {
  --bg:#f5f7fc; --surface:#fff; --text:#111c34; --muted:#46566e;
  --border:#687993; --accent:#006487; --ink:#fff; --focus:#913900;
  background:radial-gradient(ellipse at 0% 0%,#00aaff12,transparent 40rem),#f5f7fc;
}
.site-header {border-bottom-color:#293247;position:relative}
.site-header::after {
  content:"";position:absolute;bottom:-1px;left:1.5rem;right:1.5rem;
  height:2px;background:var(--spectrum);opacity:.85;
}
.site-header>a {font-weight:700;text-decoration:none;letter-spacing:-.025em}
.hero {position:relative;padding-top:3rem;padding-bottom:3rem}
.hero h1 {
  background:linear-gradient(110deg,#f9fbff 12%,#70dfff 44%,#bcadff 70%,#ff8ec8 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.light .hero h1 {background:none;color:var(--text)}
.eyebrow {color:var(--accent);font-weight:700;letter-spacing:.18em}
.panel {background:linear-gradient(145deg,#11182a,#0b101c);border-color:#303c53;box-shadow:0 12px 32px #0003}
.light .panel {background:#fff;border-color:var(--border);box-shadow:0 8px 24px #21345408}
.input-panel legend {color:var(--accent)}
input,select,textarea {border-color:#526079;background:#070b15;accent-color:#13c7f4}
.light input,.light select,.light textarea {background:var(--bg);border-color:var(--border)}
button,.button {background:#131b2b;border-color:#526079;transition:border-color .15s}
button:not(:disabled):hover,.button:hover {background:#1a2439;border-color:#55d9ff}
button.primary,.bc-core #bc-open-register,.bc-core #bc-ask {
  background:linear-gradient(105deg,#ff1688,#ff9518)!important;
  color:#070810!important;border-color:transparent!important;font-weight:750;
}
button.primary:not(:disabled):hover,.bc-core #bc-open-register:hover,.bc-core #bc-ask:hover {
  background:linear-gradient(105deg,#ff51a7,#ffb64d)!important;
}
.light button,.light .button {background:#fff;color:var(--text)}
.light button:not(:disabled):hover {background:#e9f5fc}
.kpi {background:#070c17;border-top-color:#26cffa;position:relative}
.kpi:first-child {
  background:linear-gradient(120deg,#052339,#11132c 58%,#2a102b);
  border-top:0;padding-top:calc(1rem + 3px);overflow:hidden;
}
.kpi:first-child::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--spectrum)}
.kpi:nth-child(3n) {border-top-color:#ff68b7}
.kpi:nth-child(4n) {border-top-color:#ffae50}
.kpi:first-child strong {font-size:clamp(1.6rem,3.3vw,2.65rem);letter-spacing:-.035em;color:#fff}
.light .kpi {background:#f3f6fc}
.light .kpi:first-child {background:linear-gradient(110deg,#e4f8ff,#f4edff 60%,#fff0f6)}
.light .kpi:first-child strong {color:var(--text)}
.chart .ct-series-a .ct-bar,.chart .ct-series-a .ct-line,.chart .ct-series-a .ct-point {stroke:#00c6f5}
.chart .ct-series-b .ct-bar,.chart .ct-series-b .ct-line {stroke:#ffa244}
.chart .ct-series-c .ct-bar {stroke:#ec72c4}
.light .chart .ct-series-a .ct-bar,.light .chart .ct-series-a .ct-line {stroke:#007999}
.light .chart .ct-series-b .ct-bar,.light .chart .ct-series-b .ct-line {stroke:#b94e00}
.light .chart .ct-series-c .ct-bar {stroke:#ad257f}
.chart .ct-grid {stroke:#354159}
.light .chart .ct-grid {stroke:#cad2df}
.bc-core {border-radius:16px!important;background:linear-gradient(125deg,#101a2c,#171024)!important}
.light .bc-core {background:#fff!important}
#scenario-tools {border-top-color:#39415b}
footer {border-top:1px solid #293247}
/* Apply the same palette to the existing sector hub without changing its layout. */
html[data-sector=home] .hero {
  background:radial-gradient(ellipse at 90% 5%,#8a27ff1f,transparent 60%),linear-gradient(140deg,#0e192c,#090b16);
  border-color:#354159;
}
html[data-sector=home] .hero::before {background:radial-gradient(circle,#ff16882b,transparent 62%)}
html[data-sector=home] .btn-primary {background:linear-gradient(105deg,#ff1688,#ff9518);color:#080910;border-color:transparent}
html[data-sector=home] .btn-blue {background:linear-gradient(110deg,#00d5ff,#397bff);color:#06101e;border-color:transparent}
html[data-sector=home] .hero-panel {border-color:#354159;background:#070e1b}
@media(max-width:760px) {
  .hero {padding-top:1.5rem;padding-bottom:1.5rem}
  .site-header::after {left:1rem;right:1rem}
}
@media(prefers-reduced-motion:reduce) {button,.button {transition:none}}

/* Preserve contrast for the Change Management dark-background wordmark. */
html[data-sector="change-management"] #sector-logo {
  width: min(100%, 320px); max-width: 320px; height: auto;
  background: #000; border-radius: 8px;
}
html[data-sector="home"] .change-management-logo { background: #000; border-radius: 8px; }
@media (max-width: 760px) {
  html[data-sector="change-management"] .hero { flex-direction: column; }
}