body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar { width: 14px; height: 14px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border: 4px solid #f1f5f9; border-radius: 8px; }
.dark ::-webkit-scrollbar-thumb { background: #4b5563; border: 4px solid #0d1117; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.dark ::-webkit-scrollbar-thumb:hover { background: #6b7280; }

.rounded-3xl, .rounded-2xl, .rounded-xl, .rounded-lg {
    border-radius: 0.375rem !important;
}

.bento-card {
    @apply bg-white dark:bg-[#161B22] border border-slate-200 dark:border-[#30363D] shadow-sm dark:shadow-none p-6 transition-all duration-200;
}
.bento-card:hover {
    @apply border-brand-500/50 dark:border-brand-500/50;
}