/*
 * The site's own accessibility settings (the "נגישות" button on the landing
 * page and in Profile). Classes on <html>, set before first paint by
 * a11y.js from localStorage['bm-a11y']. One file for the landing page and the
 * app: the app's colours are RGB triplets and the landing page's are hex, and
 * pointing one variable at another works for both.
 */

/* Text size: the whole page, so nothing overlaps. The app's root is sized to
   the viewport, so its height is divided by the same factor. */
html.a11y-size-1 body { zoom: 1.15; }
html.a11y-size-2 body { zoom: 1.3; }
html.a11y-app.a11y-size-1 body { height: calc(100% / 1.15); }
html.a11y-app.a11y-size-2 body { height: calc(100% / 1.3); }

/* High contrast: secondary text at full strength, borders darker. */
html.a11y-contrast {
  --bm-text-muted: var(--bm-text) !important;
  --bm-border: var(--bm-border-strong) !important;
  --on-ink-muted: #EAF0F5 !important;
}

/* Links and buttons stand out. */
html.a11y-links a,
html.a11y-links [role='link'] {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
html.a11y-links a,
html.a11y-links button,
html.a11y-links [role='button'],
html.a11y-links [role='link'],
html.a11y-links [role='radio'],
html.a11y-links [role='tab'] {
  outline: 2px dashed currentColor !important;
  outline-offset: 2px;
}

/* No motion at all. */
html.a11y-still *,
html.a11y-still *::before,
html.a11y-still *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}