Estoy tratando de usar variables CSS en la consulta de medios y no funciona.

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

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

}