/* Глобальный скроллбар страницы — под светлую и тёмную тему */
html {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f3f4f6;
}

html.dark {
    scrollbar-color: #334155 #0f172a;
}

html::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html::-webkit-scrollbar-track {
    background: #f3f4f6;
}

html.dark::-webkit-scrollbar-track {
    background: #0f172a;
}

html::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

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

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

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