/* =========================================================== PER-SERVICE ACCENT =========================================================== Each service page carries its own accent. This overrides --pink per , which recolours the wordmark, section heading, hover and open states, the compare band and the buttons in one move. The hex values themselves live once, as --acc-* tokens on :root in styles.css — the .svc-card component on the listing pages reads the same tokens, so a service's colour is identical everywhere it appears on the site. --blue stays fixed on every page: it carries the resting structure (section numbers, phase labels, check icons), and without that contrast the pages would read as one flat colour. FlowLink is not listed here: --acc-flow is the house magenta, which is already --pink's default in styles.css. =========================================================== */ body[data-service="software"]{ --pink:var(--acc-software); --pink-soft:var(--acc-software-soft); --fl-accent-mid:#3BE0AC; --fl-pink-band:#00795A; --fl-pink-edge:#00382A; --fl-nav-band:rgba(0,45,34,.92); --fl-nav-band-link:#A9F0D8; --fl-nav-band-cta:#00241B; } body[data-service="mind"]{ --pink:var(--acc-mind); --pink-soft:var(--acc-mind-soft); --fl-accent-mid:#A98BFF; --fl-pink-band:#5326C9; --fl-pink-edge:#26105E; --fl-nav-band:rgba(30,12,74,.92); --fl-nav-band-link:#D6C7FF; --fl-nav-band-cta:#180A3D; } body[data-service="data"]{ --pink:var(--acc-data); --pink-soft:var(--acc-data-soft); --fl-accent-mid:#67E4F5; --fl-pink-band:#0E8FA5; --fl-pink-edge:#06414D; --fl-nav-band:rgba(6,50,60,.92); --fl-nav-band-link:#B3F0FA; --fl-nav-band-cta:#042D36; } body[data-service="tech"]{ --pink:var(--acc-tech); --pink-soft:var(--acc-tech-soft); --fl-accent-mid:#F7CD68; --fl-pink-band:#A8760A; --fl-pink-edge:#4D3603; --fl-nav-band:rgba(56,39,4,.92); --fl-nav-band-link:#FFE6A8; --fl-nav-band-cta:#2B1E02; } body[data-service="growth"]{ --pink:var(--acc-growth); --pink-soft:var(--acc-growth-soft); --fl-accent-mid:#FF8B72; --fl-pink-band:#B83217; --fl-pink-edge:#571507; --fl-nav-band:rgba(62,16,8,.92); --fl-nav-band-link:#FFCABD; --fl-nav-band-cta:#2E0C05; } /* Gold and cyan are light enough that white button text on top becomes unreadable. Push it back to the dark ground for those two pages. */ body[data-service="tech"] .btn--primary, body[data-service="data"] .btn--primary, body[data-service="tech"] .nav__cta, body[data-service="data"] .nav__cta{ color:var(--surface-0); }