/*
 * Contrast fixes (WCAG AA, at least 4.5:1) for the elements Lighthouse "color-contrast" flagged on the public pages.
 * Loaded after app.css and overwrite.css, so the rules have the same specificity as the originals and win by order.
 * Hover states are not changed here: the original :hover rules are more specific and stay as they are.
 * The brand colors (#34abbd, #bdc6ca) are left for decorative parts (borders, icons, backgrounds without text).
 * The "place" part of the logo (#c8de72) is not touched: it is a brand mark.
 */
:root {
    --a11y-teal: #1b7c8c;
    --a11y-teal-dark: #166876;
    --a11y-grey: #586b70;
}

/* Teal text on a light background */
.tariff-navbar-item,
.print__text,
.work-tabs__title-button.is-active,
.floor-plans__item-header,
.works-similar__more-text,
.catalog-item__offer-text-theme,
.catalog-item__country-title-text,
.catalog-links__item,
.quick-links__headline-link,
.app-footer__houses span:first-of-type,
.modification-request__button {
    color: var(--a11y-teal);
}

/* Grey text on a light background */
.crumbs__item:not(.crumbs__item--black):not([href]),
.work-details__plan-title,
.work-tabs__title-button,
.catalog-item__offer-text,
.catalog-item__offer-text-none,
.app-footer__houses,
.socials__item-title,
.key-specs__item-num-size {
    color: var(--a11y-grey);
}

/* White text on a teal or grey background */
.btn--primary,
.badge__title,
.badge--theme .badge__title,
.domain-switcher__link--current {
    background-color: var(--a11y-teal);
}

.btn--primary {
    border-color: var(--a11y-teal);
}

.btn--primary:hover,
.btn--primary:focus {
    background-color: var(--a11y-teal-dark);
    border-color: var(--a11y-teal-dark);
}

.badge--none .badge__title {
    background-color: var(--a11y-grey);
}