Я пытаюсь использовать переменные CSS в медиа-запрос, и это не работает.

:root {
  --mobile-breakpoint: 642px;
}

@media (max-width: var(--mobile-breakpoint)) {

}