/* Unified neutral typography across the complete Services page.
   Lime remains an accent for buttons, marks and decorative details only. */
.sv-intro .section-kicker,
.sv-heading .section-kicker,
.sv-marketing-detail .section-kicker,
.sv-creative-detail .section-kicker,
.sv-payroll-detail .section-kicker,
.technology-detail .section-kicker,
.sv-learning-detail .section-kicker,
.sv-talent .sv-light-kicker {
  color: #8293a5 !important;
}

.sv-intro p,
.sv-heading > p,
.sv-card p,
.sv-marketing-lead,
.sv-marketing-detail-grid article p,
.sv-marketing-detail-bottom p,
.sv-creative-lead,
.sv-creative-detail-grid article p,
.sv-creative-detail-bottom p,
.sv-talent .sv-feature-copy > p,
.sv-talent-rows p,
.sv-payroll-lead,
.sv-payroll-detail-grid article p,
.sv-payroll-detail-bottom p,
.technology-detail-lead,
.technology-detail-grid article p,
.technology-detail-bottom p,
.sv-learning-detail-head > p,
.sv-learning-detail-grid article p,
.sv-learning-detail-bottom > p,
.sv-process-grid article p,
.sv-cta p {
  color: #718398 !important;
}

.sv-card h3,
.sv-marketing-detail-grid article h3,
.sv-creative-detail-grid article h3,
.sv-payroll-detail-grid article h3,
.technology-detail-grid article h3,
.sv-learning-detail-grid article h3,
.sv-process-grid article h3 {
  color: #002b66 !important;
}

.sv-card .sv-number,
.sv-marketing-detail-grid article > span,
.sv-creative-detail-grid article > span,
.sv-payroll-detail-grid article > span,
.technology-detail-grid article > span,
.sv-learning-detail-grid article > span,
.sv-process-grid article > span {
  color: #8293a5 !important;
}

/* Dark mode: neutral grey body copy and white headings, never Lime body text. */
html[data-theme="dark"] .sv-intro .section-kicker,
html[data-theme="dark"] .sv-heading .section-kicker,
html[data-theme="dark"] .sv-marketing-detail .section-kicker,
html[data-theme="dark"] .sv-creative-detail .section-kicker,
html[data-theme="dark"] .sv-payroll-detail .section-kicker,
html[data-theme="dark"] .technology-detail .section-kicker,
html[data-theme="dark"] .sv-learning-detail .section-kicker,
html[data-theme="dark"] .sv-talent .sv-light-kicker,
html[data-theme="dark"] .sv-card .sv-number,
html[data-theme="dark"] .sv-marketing-detail-grid article > span,
html[data-theme="dark"] .sv-creative-detail-grid article > span,
html[data-theme="dark"] .sv-payroll-detail-grid article > span,
html[data-theme="dark"] .technology-detail-grid article > span,
html[data-theme="dark"] .sv-learning-detail-grid article > span,
html[data-theme="dark"] .sv-process-grid article > span {
  color: #9aabba !important;
}

html[data-theme="dark"] .sv-intro p,
html[data-theme="dark"] .sv-heading > p,
html[data-theme="dark"] .sv-card p,
html[data-theme="dark"] .sv-marketing-lead,
html[data-theme="dark"] .sv-marketing-detail-grid article p,
html[data-theme="dark"] .sv-marketing-detail-bottom p,
html[data-theme="dark"] .sv-creative-lead,
html[data-theme="dark"] .sv-creative-detail-grid article p,
html[data-theme="dark"] .sv-creative-detail-bottom p,
html[data-theme="dark"] .sv-talent .sv-feature-copy > p,
html[data-theme="dark"] .sv-talent-rows p,
html[data-theme="dark"] .sv-payroll-lead,
html[data-theme="dark"] .sv-payroll-detail-grid article p,
html[data-theme="dark"] .sv-payroll-detail-bottom p,
html[data-theme="dark"] .technology-detail-lead,
html[data-theme="dark"] .technology-detail-grid article p,
html[data-theme="dark"] .technology-detail-bottom p,
html[data-theme="dark"] .sv-learning-detail-head > p,
html[data-theme="dark"] .sv-learning-detail-grid article p,
html[data-theme="dark"] .sv-learning-detail-bottom > p,
html[data-theme="dark"] .sv-process-grid article p,
html[data-theme="dark"] .sv-cta p {
  color: #c1ccd8 !important;
}

html[data-theme="dark"] .sv-card h3,
html[data-theme="dark"] .sv-marketing-detail-grid article h3,
html[data-theme="dark"] .sv-creative-detail-grid article h3,
html[data-theme="dark"] .sv-payroll-detail-grid article h3,
html[data-theme="dark"] .technology-detail-grid article h3,
html[data-theme="dark"] .sv-learning-detail-grid article h3,
html[data-theme="dark"] .sv-process-grid article h3 {
  color: #f4f8ff !important;
}

/* Maintain the service-card link hierarchy while keeping copy neutral. */
.sv-card .sv-link {
  color: #002b66 !important;
}
html[data-theme="dark"] .sv-card .sv-link {
  color: #a0ec00 !important;
}


/* Final override: neutral grey supporting copy in Marketing and Technology
   detail sections, matching the rest of the Services page in both themes. */
html:not([data-theme="dark"]) section.sv-marketing-detail .sv-marketing-detail-head > .sv-marketing-lead,
html:not([data-theme="dark"]) section.sv-marketing-detail .sv-marketing-detail-grid article > p,
html:not([data-theme="dark"]) section.sv-marketing-detail .sv-marketing-detail-bottom > p,
html:not([data-theme="dark"]) section.technology-detail .technology-detail-head > .technology-detail-lead,
html:not([data-theme="dark"]) section.technology-detail .technology-detail-grid article > p,
html:not([data-theme="dark"]) section.technology-detail .technology-detail-bottom > p {
  color: #718398 !important;
}

html[data-theme="dark"] section.sv-marketing-detail .sv-marketing-detail-head > .sv-marketing-lead,
html[data-theme="dark"] section.sv-marketing-detail .sv-marketing-detail-grid article > p,
html[data-theme="dark"] section.sv-marketing-detail .sv-marketing-detail-bottom > p,
html[data-theme="dark"] section.technology-detail .technology-detail-head > .technology-detail-lead,
html[data-theme="dark"] section.technology-detail .technology-detail-grid article > p,
html[data-theme="dark"] section.technology-detail .technology-detail-bottom > p {
  color: #c1ccd8 !important;
}