Адаптивный и отзывчивый дизайн — Контекст использования

/* Тёмная тема */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212;
    --text: #e0e0e0;
  }
}

/* Минимизация анимаций */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}