/* SSRP accent supplement — purple (Consulting) + cyan (SSRP Studio),
   plus the accent button variants used across section blocks.
   Values ported verbatim from consulting.html / ssrp-studio.html / growth-studio.html. */

/* Eyebrow accents (page-specific *p variants) */
.eyebrow.tealp{color:var(--t300)} .eyebrow.tealp::before{background:var(--t400)}
.eyebrow.orangep{color:var(--o300)} .eyebrow.orangep::before{background:var(--o400)}
.eyebrow.purplep{color:#A98BEE} .eyebrow.purplep::before{background:#7B4FE0}
.eyebrow.cyanp{color:#7DDCFF} .eyebrow.cyanp::before{background:#00cdff}

/* Accent buttons */
.btn--teal{background:var(--t500);color:#fff;box-shadow:0 10px 28px -10px rgba(20,169,138,.8)}
.btn--teal:hover{box-shadow:0 14px 34px -10px rgba(20,169,138,.9)}
.btn--orange{background:var(--o500);color:#fff;box-shadow:0 10px 28px -10px rgba(237,83,22,.8)}
.btn--orange:hover{box-shadow:0 14px 34px -10px rgba(237,83,22,.9)}
.btn--purple{background:#7B4FE0;color:#fff;box-shadow:0 10px 28px -10px rgba(123,79,224,.8)}
.btn--purple:hover{box-shadow:0 14px 34px -10px rgba(123,79,224,.9)}
.btn--cyan{background:#06AEDC;color:#fff;box-shadow:0 10px 28px -10px rgba(0,205,255,.7)}
.btn--cyan:hover{box-shadow:0 14px 34px -10px rgba(0,205,255,.85)}

/* Subhero radial backgrounds — purple (Consulting) + cyan (SSRP Studio) */
.subhero--purple{background:radial-gradient(1000px 600px at 14% 6%,rgba(123,79,224,.22),transparent 56%),
  radial-gradient(900px 600px at 90% 92%,rgba(26,143,214,.16),transparent 58%),var(--canvas)}
.subhero--cyan{background:radial-gradient(1000px 600px at 14% 6%,rgba(0,205,255,.18),transparent 56%),
  radial-gradient(900px 600px at 90% 92%,rgba(62,107,230,.16),transparent 58%),var(--canvas)}

/* Icon-card chip accents — purple + cyan */
.zs-iconcards--purple .gic{background:rgba(123,79,224,.14);border:1px solid rgba(123,79,224,.34);color:#A98BEE}
.zs-iconcards--cyan .gic{background:rgba(0,205,255,.13);border:1px solid rgba(0,205,255,.32);color:#7DDCFF}

/* CTA gradients — purple (Consulting) + cyan (SSRP Studio) */
.cta-inner--purple{background-image:linear-gradient(118deg,#7B4FE0 0%,#3E6BE6 60%,#1A8FD6 100%)}
.cta-inner--cyan{background-image:linear-gradient(118deg,#06AEDC 0%,#1A8FD6 55%,#3E6BE6 100%)}