style.css

/* Base styles */
:root {
  color-scheme: light dark;
}

/* Better text selection */
::selection {
  background: rgba(99, 102, 241, 0.2);
}

/* Smooth anchor scrolling (already enabled via scroll-smooth) */
html {
  scroll-behavior: smooth;
}

/* Focus visibility */
:focus-visible {
  outline: 2px solid rgb(99 102 241);
  outline-offset: 2px;
}

/* Toast animations */
#toast-content.show {
  animation: toast-in 240ms cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes toast-in {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Optional: nicer scrollbar (non-destructive) */
@media (pointer: fine) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.5);
    border-radius: 9999px;
  }
  .dark ::-webkit-scrollbar-thumb {
    background-color: rgba(71, 85, 105, 0.6);
  }
}