/* Color studies for the local prototype. Existing typography and layout stay intact.
   A single dark action color; separate colors for people, practice and results. */
[data-palette="spectrum"]{
  --accent:#6033b5;--accent-dark:#36215d;--accent-mid:#c2aff0;--accent-soft:#f0ebfa;
  --surface:#f7f7fa;--line:#dedce6;--color-a:#7141c7;--color-b:#a7dfd1;--color-c:#f1e58c;--color-d:#d3bbef;
  --wash-a:#f0ebfa;--wash-b:#edf7f3;--wash-c:#fbf8e8;
}
[data-palette="electric"]{
  --accent:#245be5;--accent-dark:#193b7b;--accent-mid:#abc9f5;--accent-soft:#eaf0fc;
  --surface:#f6f8fc;--line:#dbe2ed;--color-a:#386ae7;--color-b:#85d7e0;--color-c:#c8b6ee;--color-d:#abc9f5;
  --wash-a:#edf2fc;--wash-b:#eaf8fa;--wash-c:#f3eefb;
}
[data-palette="emerald"]{
  --accent:#0d725b;--accent-dark:#164b3e;--accent-mid:#9cdbc1;--accent-soft:#e7f4ee;
  --surface:#f6f9f7;--line:#dce5e0;--color-a:#159579;--color-b:#bda8ed;--color-c:#f0c3de;--color-d:#9cdbc1;
  --wash-a:#eaf6f0;--wash-b:#f1edfa;--wash-c:#fcf0f7;
}
[data-palette="orange"]{
  --accent:#ae4809;--accent-dark:#8e3c10;--accent-mid:#ffd3b1;--accent-soft:#fff1e7;
  --surface:#f8f8fa;--line:#e1dfe6;--color-a:#ff954f;--color-b:#b9a8ef;--color-c:#91dce0;--color-d:#ffd3b1;
  --wash-a:#fff2e9;--wash-b:#f3effc;--wash-c:#ebf8fa;
}
html[data-multicolor="true"] .people-art .shape-solid{fill:var(--color-a)}
html[data-multicolor="true"] .people-art .shape-mid{fill:var(--color-b)}
html[data-multicolor="true"] .people-art .shape-soft{fill:var(--color-c)}
html[data-multicolor="true"] .business-story .skill-art{background:var(--wash-b)}
html[data-multicolor="true"] .business-story .shape-solid{fill:var(--color-b)}
html[data-multicolor="true"] .business-story .shape-mid{fill:var(--color-a)}
html[data-multicolor="true"] .engineering-story .skill-art{background:var(--wash-a)}
html[data-multicolor="true"] .engineering-story .shape-solid{fill:var(--color-d)}
html[data-multicolor="true"] .engineering-story .shape-mid{fill:var(--color-c)}
html[data-multicolor="true"] .art-question{color:var(--ink)}
html[data-multicolor="true"] .quality-question{background:var(--color-c);color:var(--ink)}
html[data-multicolor="true"] .quality-response{background:var(--wash-a)}
html[data-multicolor="true"] .ai-video-story{background:var(--wash-b)}
html[data-multicolor="true"] .method-question{background:var(--color-c);color:var(--ink)}
html[data-multicolor="true"] .integration-strip{background:var(--wash-b)}
html[data-multicolor="true"] .big-speech{background:var(--color-b);color:var(--ink)}
html[data-multicolor="true"] .model-strip{background:var(--wash-a)}
html[data-multicolor="true"] .model-two{background:var(--color-d);color:var(--ink)}
html[data-multicolor="true"] .case-primary{background:var(--wash-c);color:var(--ink)}
html[data-multicolor="true"] .case-primary:hover{background:var(--color-c)}
html[data-multicolor="true"] .case-secondary>a{background:var(--wash-b)}
html[data-multicolor="true"] .case-secondary>a:nth-child(2){background:var(--wash-a)}
html[data-multicolor="true"] .case-secondary>a:hover{background:var(--color-b)}
html[data-multicolor="true"] .case-secondary>a:nth-child(2):hover{background:var(--color-d)}
html[data-multicolor="true"] .release-cover.september{background:var(--color-d)}
html[data-multicolor="true"] .release-cover.august{background:var(--color-b)}
html[data-multicolor="true"] .release-cover b{color:var(--ink)}
html[data-multicolor="true"] .event-bubble{background:var(--color-c);color:var(--ink)}
html[data-multicolor="true"] .price-ticket{background:var(--wash-c)}
html[data-multicolor="true"] .community-section{background:var(--wash-a)}
html[data-multicolor="true"] .community-picture{background:transparent}
html[data-multicolor="true"] .community-picture .shape-solid{fill:var(--color-b)}
html[data-multicolor="true"] .community-picture .shape-mid{fill:var(--color-d)}
html[data-multicolor="true"] .community-picture .shape-soft{fill:var(--color-c)}
.palette-review{background:#fafafa;gap:10px 20px}
.palette-options{flex-wrap:wrap;justify-content:center;gap:5px}
.palette-options i{width:32px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1px #00000009}
.palette-review>a{font-size:13px}
@media(max-width:600px){
  .palette-review{display:block;padding:10px 12px;text-align:center}
  .palette-review>span{display:block;margin-bottom:6px;font-size:13px}
  .palette-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .palette-options button{justify-content:center;font-size:13px;padding:6px 7px;min-height:42px}
  .palette-options i{width:27px;height:14px}
}