html[data-font-scale="large"] {
  --wh-font-body: 22px;
  --wh-font-body-lh: 1.65;
  --wh-font-h1: 38px;
  --wh-font-h2: 30px;
  --wh-font-h3: 26px;
  --wh-font-btn: 22px;
  --wh-font-small: 18px;
  --wh-touch-min: 52px;
}

html[data-font-scale="xlarge"] {
  --wh-font-body: 26px;
  --wh-font-body-lh: 1.7;
  --wh-font-h1: 44px;
  --wh-font-h2: 36px;
  --wh-font-h3: 30px;
  --wh-font-btn: 26px;
  --wh-font-small: 20px;
  --wh-touch-min: 56px;
}

html[data-reduce-motion="true"] *,
html[data-reduce-motion="true"] *::before,
html[data-reduce-motion="true"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

html[data-eye-care="true"] {
  --wh-bg: #F0EDE4;
  --wh-surface: #FAF8F3;
  --wh-text: #3A3A3A;
}

.wh-game-card:focus-visible,
.wh-btn:focus-visible,
.wh-nav__link:focus-visible,
.wh-level-btn:focus-visible {
  outline: 3px solid var(--wh-blue);
  outline-offset: 2px;
}