/* ========================================= */
/* Import Google Font                        */
/* ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Main Css */
html, body {
  font-family: 'Poppins', sans-serif;
}


/* ========================================= */
/* GLOBAL TEXT SELECTION COLOR STYLING       */
/* ========================================= */
::selection {
  background-color: #f55ca8; /* your custom background color */
  color: #ffffff;            /* text color during selection */
}

/* For better browser support */
::-moz-selection {
  background-color: #f55ca8;
  color: #ffffff;
}


/* ========================================= */
/* GLOBAL CUSTOM SCROLLBAR STYLING           */
/* ========================================= */

/* For WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px;                /* scrollbar width */
}

::-webkit-scrollbar-track {
  background: #1a0b2f;        /* track color (you can make it darker or transparent) */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a855f7, #f55ca8);
  border-radius: 10px;
  box-shadow: 0 0 8px #f55ca8;  /* glowing effect */
}


::-webkit-scrollbar-thumb:hover {
  background-color: #ff79c8;  /* lighter pink on hover */
}

/* For Firefox */
* {
  scrollbar-width: thin;                  /* "auto" or "thin" */
  scrollbar-color: #f55ca8 #1a0b2f;       /* thumb and track colors */
}