/* Marking-page-only tones: the primary swatch comes from Kontur's product icon. */
.mark-page {
  --mark-ink: #174c79;
  --mark-soft: #edf7ff;
  --mark-hover: #d7edff;
}

/* The bright product swatch is a background; darker derived blue keeps text readable. */
.mark-page .sp-primary {
  background: var(--sp-accent);
  color: #18191a;
}
.mark-page .sp-primary:hover { background: var(--mark-hover); color: #18191a; }
.mark-page .sp-secondary:hover { background: var(--mark-soft); border-color: #b8dcf6; }
.mark-page.ed-interactive .ed-feature:hover { background: var(--mark-soft); }
.mark-page :is(.sp-breadcrumb a, .sp-return a, .sp-extra a) { color: var(--mark-ink); }
.mark-page .mark-role-grid > .mark-role small,
.mark-page .mark-role-number,
.mark-page .ed-mark-steps .ed-step-number { color: var(--mark-ink); }
.mark-page.ed-page :is(a, summary):focus-visible { outline-color: var(--mark-ink); }
.mark-page.ed-page section#contact.contact #brief .contact-consent input,
.mark-page.ed-page section#contact.contact #brief .contact-preference__toggle input { accent-color: var(--mark-ink); }
.mark-page.ed-page section#contact.contact #brief :is(input, select, button, a):focus-visible { outline-color: var(--mark-ink); }