@layer components {
  .menu-title {
    @apply uppercase font-semibold px-3 mt-4 mb-2;
  
    &.menu-title-light {
      @apply text-gray-500;
    }
  
    &.menu-title-dark {
      @apply text-gray-300;
    }
  
    &.menu-title-themed {
      @apply text-gray-100/50;
    }
  }
  
  .menu-light {
    @apply bg-white;
  }
  
  .menu-dark {
    @apply bg-gray-800;
  }
  
  .menu-transparent {
    @apply bg-transparent;
  }  
}