/* ---------- Версия для слабовидящих ----------
   Требование Приложения № 2 к приказу Минздрава России от 13.03.2025 № 118н.
   Режим переключает токены, а не отдельные правила: иначе половина страницы остаётся
   в обычной палитре. */

html.a11y {
  --paper:        #ffffff;
  --paper-deep:   #ffffff;
  --paper-white:  #ffffff;
  --steel:        #000000;
  --steel-lift:   #000000;
  --steel-deep:   #000000;

  --ink:          #000000;
  --ink-soft:     #000000;
  --ink-faint:    #1a1a1a;
  --ink-on-steel: #ffffff;
  --ink-on-steel-soft: #ffffff;

  --line:         #000000;
  --line-strong:  #000000;
  --line-steel:   #ffffff;

  --indicator:      #000000;
  --indicator-deep: #000000;
  --indicator-lit:  #ffff00;
  --indicator-wash: #ffffff;

  --radius-s: 0; --radius-m: 0; --radius-pill: 0;
  font-size: 118%;
}

html.a11y[data-a11y-font="l"]  { font-size: 138%; }
html.a11y[data-a11y-font="xl"] { font-size: 160%; }

html.a11y body { line-height: 1.75; }
html.a11y a { text-decoration: underline; text-decoration-thickness: 2px; }
html.a11y .btn { border: 2px solid currentColor; }
html.a11y .btn--primary { background: #000; color: #fff; border-color: #000; }
html.a11y .section--steel .btn--primary,
html.a11y .hero .btn--primary,
html.a11y .pagehead .btn--primary,
html.a11y .cookie .btn--primary { background: #ffff00; color: #000; border-color: #ffff00; }
html.a11y .doctor__photo { background: #fff; border: 2px dashed #000; }
html.a11y .odo__crown { background: #000; border-color: #fff; }
html.a11y .odo__tooth[aria-pressed="true"] .odo__crown { background: #ffff00; border-color: #ffff00; }
html.a11y .gauge__bar { border: 1px solid #000; background: #fff; }
html.a11y .gauge__fill { background: #000; }
html.a11y .pouch__cell--before { background: #ffff00; color: #000; }
html.a11y .logo__mark,
html.a11y .odopreview,
html.a11y .invite__preview { display: none; }
html.a11y .shadow, html.a11y .search__panel { box-shadow: none; border: 2px solid #000; }

/* Панель настроек появляется только во включённом режиме */
.a11ybar { display: none; }
html.a11y .a11ybar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #000; color: #fff; padding: 10px 20px;
  font-size: 0.95rem;
}
.a11ybar__label { margin-right: 4px; }
.a11ybar button {
  min-height: 44px; min-width: 44px; padding: 0 14px;
  background: #000; color: #fff; border: 2px solid #fff; cursor: pointer;
  font-family: var(--font-display);
}
.a11ybar button[aria-pressed="true"] { background: #ffff00; color: #000; border-color: #ffff00; }
.a11ybar__off { margin-left: auto; }