@layer tokens {
  @custom-media --bp-mobile (width < 48rem);
  @custom-media --bp-tablet (width >= 48rem) and (width < 80rem);
  @custom-media --bp-tablet-up (width >= 48rem);
  @custom-media --bp-tablet-down (width < 80rem);
  @custom-media --bp-desktop (width >= 80rem);
  @custom-media --max-layout (width <= 92rem);
  @custom-media --bp-margin (width >= 64rem);
}