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



:root {
  --light: #edf2f9;
  --light-dark: #f2f2f5;
  --dark: #0f172a;
  --dark-light: #f0f0f0;

  /*  */
  --color-primary: #641d55;
  --color-secondary: #ffffff;
  --text-light: #000205;

  /*  */
  --border-dark-mode: #475569
}

.toastify {
  min-width: 450px;
  text-align: center;
}

abbr:where([title]) {
  text-decoration: none !important;
}


/* Custom Scrollbar styles */
::-webkit-scrollbar {
  width: 7px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #f0f0f0; /* Light Gray background */
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary); /* Vibrant Green thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: #7e9c1b; /* Muted Olive thumb on hover */
}

.swal2-confirm{
  background-color: #7e9c1b!important;
}

.swal2-cancel{
  background-color: rgb(203, 13, 13)!important;
}

.swal2-deny{
  background-color: red!important;
}