body {
    /* background-color: var(--primary-bg); */
    color: var(--primary-text);
    font-family: 'Noto Sans', sans-serif;
}

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

::-webkit-scrollbar-track {
    background: black;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
    border: 2px solid var(--primary-bg-transparent);
}

::-webkit-scrollbar-thumb:hover {
    background: #666;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-bg) var(--primary-bg-transparent);
}

/* [data-theme='dark'] ::-webkit-scrollbar-track {
    background: var(--primary-bg);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid var(--primary-bg);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
    background: #666;
}

[data-theme='dark'] * {
    scrollbar-color: #555 var(--primary-bg);
} */