/* 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); } }