:root {
    --menu-width: 265px;
    --main-color: #293d62;
    --main-dark-color: #323a45;
    --main-medium-color: #405783;
    --main-normal-color: #7a88a2;
    --main-light-color: #e1e4e9;
    --main-ultralight-color: #f4f6f7;
    --grey-light-color: #dfdfdf;
    --grey-ultralight-color: #fafafa;
    --green-color: #40c714;
    --green-dark-color: #2a9308;
    --red-color: #cc2525;
}

[x-cloak] {
    display: none !important;
}

/* Scrollbar styling for a cleaner look */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: var(--main-light-color); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--main-normal-color); 
}