@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .bg-pink-pale {
    background: radial-gradient(circle at top left, rgba(112, 69, 254, .05), rgba(0, 0, 0, .03) 40%);
  }
  .bg-pink-rich {
    background: 
      radial-gradient(circle at bottom left,  #FF00A822, transparent 70%),
      radial-gradient(circle at top right, #7045FE22, transparent 70%),
      #7045FE1A;
  }

  /* Remove after migrating to Tailwind v.4 */
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .scrollbar-none::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .scrollbar-none {
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
  }
}