/* ============================================================================
   a11y.css — доводка контраста до WCAG 2.2 AA.

   Подключается ПОСЛЕДНИМ, после постраничных файлов: они грузятся после
   pages.css и перебивали правки, положенные туда. Классы продублированы
   (`.cls.cls`) — этого хватает против правил вида `.page-x .cls`, а при
   равной специфичности выигрывает файл, идущий позже.

   Продолжение решения F3, где красный текст уже был затемнён до
   --color-brand-text. Здесь закрываются оставшиеся пары, найденные прогоном
   tools/contrast.mjs по 14 страницам.

   Меняется ТОЛЬКО цвет текста и подложки мелких плашек-номеров. Заливки
   секций, ленты, кнопки и фирменный красный как фон остаются макетными.
   ========================================================================= */

/* Красный мелким кеглем на светлом: 3.41 на кремовом, 4.24 на белом → 4.71 / 5.86 */
.faq__num.faq__num,
.faq__text.faq__text,
.faq__step-num.faq__step-num,
.legal-p__num.legal-p__num,
.help-topic__num.help-topic__num,
.help-topic__name.help-topic__name,
.link-arrow.link-arrow { color: var(--color-brand-text); }

/* Тот же красный на тёмных полосах давал 4.45 — там нужен светлый, а не тёмный */
.rg-section__kicker.rg-section__kicker,
.support-group__link.support-group__link,
.rg-section .link-arrow.link-arrow,
.site-footer .link-arrow.link-arrow { color: var(--color-brand-on-dark); }

/* Карточки RG бывают двух видов: белые (главная, sports, racing, showdown) и
   прозрачные на тёмной секции (how-it-works, help-centre). Светлый красный
   годится только для вторых — на белой карточке он даёт 3.53. */
.hiw-rg .rg-card__num.rg-card__num,
.hiw-rg .rg-card__link.rg-card__link,
.help-rg .rg-card__num.rg-card__num,
.help-rg .rg-card__link.rg-card__link { color: var(--color-brand-on-dark); }

.rg-card__num.rg-card__num,
.rg-card__link.rg-card__link { color: var(--color-brand-text); }

/* Коралловый и янтарный мелким кеглем: было 2.17–3.97 */
.legal-quick__link.legal-quick__link,
.legal-hero__subkicker.legal-hero__subkicker,
.hiw-caption.hiw-caption { color: var(--color-flame-text); }

/* Крупные декоративные номера — норма 3:1, было 2.08–2.69 */
.hiw-step__num.hiw-step__num,
.contact-block__num.contact-block__num { color: var(--color-amber-strong); }

/* Зелёный «успех» мелким кеглем: 2.5 на белом */
.hiw-confirm__return-value.hiw-confirm__return-value { color: #077a54; }

/* Купон лежит на тёмном: там нужен светлый зелёный, а не затемнённый */
.slip__return-value.slip__return-value { color: #34d399; }

/* Плашка номера: белый на янтарном 2.59 и на коралловом 2.69 при норме 3.
   Затемняется подложка мелкого бейджа, а не полосы и ленты макета. */
.hiw-timeline__num.hiw-timeline__num { background: var(--color-amber-strong); }

/* Крупные номера — правило продублировано и здесь: постраничный файл
   how-it-works задаёт их цвет с большей специфичностью. */
.page-how-it-works .hiw-step__num.hiw-step__num { color: var(--color-amber-strong); }

/* Кремовый текст на красной полосе даёт 3.76 — на белый он меняется без потери
   вида: в макете это тот же светлый текст, просто на полтона теплее. */
.help-cta__kicker.help-cta__kicker,
.help-cta .btn--outline.btn--outline,
.dl-callout__text.dl-callout__text { color: var(--color-surface); }

.help-cta .btn--outline.btn--outline { border-color: var(--color-surface); }

/* Хвосты, перебитые постраничными файлами: там селекторы вида
   .page-contact-us .cls, поэтому здесь тот же префикс. */
.page-contact-us .contact-block__num.contact-block__num { color: var(--color-amber-strong); }
.page-contact-us .routing__title.routing__title,
.page-help-centre .faq__text.faq__text { color: var(--color-brand-text); }

/* Бейджи legal: оранжевый на светло-оранжевом 2.81, зелёный на кремовом 4.06 */
.legal-pill--warn.legal-pill--warn { color: #a34a00; }   /* 5.41 на #fff3e0 */
.legal-pill--ok.legal-pill--ok { color: #1b5e20; }       /* 6.23 на #e8f5e9 */

/* Номер второй карточки контактов задан селектором :nth-of-type — тем же
   способом его и перекрываем. */
.contact-block:nth-of-type(2) .contact-block__num.contact-block__num { color: var(--color-amber-strong); }

/* Красный заголовок ссылки-маршрута на кремовой плашке */
.routing__link--brand .routing__title.routing__title { color: var(--color-brand-text); }

/* Заголовок раскрытого вопроса FAQ на кремовом */
.faq__item--open .faq__text.faq__text,
.faq details[open] .faq__text.faq__text { color: var(--color-brand-text); }

/* Плашка номера в таймлайне: белый на янтарном 2.59 и коралловом 2.69
   при норме 3 для 32px. Затемняется подложка бейджа, не полосы макета. */
.hiw-timeline__item--02 .hiw-timeline__num.hiw-timeline__num { background: var(--color-amber-strong); }
.hiw-timeline__item--04 .hiw-timeline__num.hiw-timeline__num,
.hiw-timeline__item--05 .hiw-timeline__num.hiw-timeline__num { background: var(--color-flame-text); }

/* Красный мелким кеглем на кремовых карточках legal */
.legal-glance__card-title.legal-glance__card-title,
.legal-section--paper .legal-p.legal-p { color: var(--color-brand-text); }

/* Красная ссылка-стрелка внутри тёмных карточек */
.legal-section--ink-brand .link-arrow.link-arrow,
.legal-section--ink .link-arrow.link-arrow { color: var(--color-brand-on-dark); }

/* Оранжевые части крупного заголовка showdown: 2.08–2.59 при норме 3 */
.sd-hero__title-accent.sd-hero__title-accent,
.sd-hero__title-small.sd-hero__title-small { color: var(--color-amber-strong); }

/* Средняя строка манифеста showdown («Balances are separate.») — янтарный
   на белом 2.59 при норме 3 для 56px */
.sd-statement__lines span:nth-child(2) { color: var(--color-amber-strong); }