:root{--on-primary:oklch(.1 0 0)}

/* The brand teal is intentionally kept bright for text and rules. On filled
   controls it needs a dark foreground to preserve AA contrast at small sizes. */
.brand>span,
.brand-avatar,
.button,
.callback-form button,
.callback-form__telegram:hover,
.review-form__submit,
.brand-directory__filters button:hover,
.brand-directory__filters button:focus-visible,
.brand-directory__filters button.is-selected,
.mobile-menu__actions .mobile-menu__contact,
.mobile-bottom-actions a:last-child,
.article-quick-contact:hover,
.blog-topics nav a:hover,
.blog-topics nav a:focus-visible,
.blog-topics nav a.is-selected,
.calendar-days a,
.front-closing>a{color:var(--on-primary)!important}

.article-quick-contact:hover .article-quick-contact__copy>span,
.article-quick-contact:hover strong{color:var(--on-primary)!important}

.button:focus-visible,
.callback-form button:focus-visible,
.review-form__submit:focus-visible,
.mobile-menu__actions a:focus-visible,
.mobile-bottom-actions a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}