/* Custom animations and scroll refinements */
html {
    scroll-behavior: smooth;
}

/* Scrollbar: Responsive with floating inset margin */
::-webkit-scrollbar {
    width: 14px;
}

/* Light Theme Scrollbar */
::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 9999px;
    border: 4px solid #f8fafc; /* Inset margin effect */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

/* Dark Theme Scrollbar */
html.dark ::-webkit-scrollbar-track {
    background: transparent;
}

html.dark ::-webkit-scrollbar-thumb {
    background-color: #334155;
    border-radius: 9999px;
    border: 4px solid #0b0f17; /* Inset margin effect */
}

html.dark ::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}