/* One sapphire for interface accents; atmospheric artwork keeps its gradients. */
:root{--brand-accent:#2458f5}
html[data-design="contrast"] :is(.services-section,.cases-section,.brand-interlude,.contact-section){--heading-accent:var(--brand-accent)}
html[data-design="contrast"] h2 .section-accent,
html[data-design="contrast"] .contact-copy h2 .section-accent,
html[data-design="contrast"] .founder-quote .quote-emphasis,
html[data-design="contrast"] .about-role,
html[data-design="contrast"] .process-number,
html[data-design="contrast"] .faq-contact a,
html[data-design="contrast"] .faq-contact a:hover{color:var(--brand-accent)}
html[data-design="contrast"] :is(.services-eyebrow,.process-eyebrow,.interlude-label,.about-eyebrow,.closing-tag){background:var(--brand-accent);color:#fff}
html[data-design="contrast"] [data-button-style="11"] .primary{background:var(--brand-accent);border-color:var(--brand-accent)}
html[data-design="contrast"] [data-button-style="11"] .primary:is(:hover,:focus-visible,:active),
html[data-design="contrast"] [data-button-style="11"] .primary span:before,
html[data-design="contrast"] [data-button-style="11"] .primary span:after{color:var(--brand-accent)}
html[data-design="contrast"] [data-button-style="11"] .secondary,
html[data-design="contrast"] [data-button-style="11"] .secondary:is(:hover,:focus-visible),
html[data-design="contrast"] #uslugi .secondary,
html[data-design="contrast"] #uslugi .secondary:is(:hover,:focus-visible){color:var(--brand-accent);border-color:var(--brand-accent)}
/* White is the neutral inverse on a solid sapphire card. */
html[data-design="contrast"] .cases-section .case-card-1 .secondary,
html[data-design="contrast"] .cases-section .case-card-1 .secondary:is(:hover,:focus-visible){color:#fff;border-color:#fff}
html[data-design="contrast"] .cases-nav button[aria-pressed=true]{background:var(--brand-accent);border-color:var(--brand-accent)}