:root {
    --chat-bg-color: #15191e;
    
    --primary-bg-color: #20252b;
    --secondary-bg-color: #353c43;
    --third-bg-color: #363c43;
    
    --primary-fg-color: #ffffff;
    --secondary-fg-color: #b9bec6;
    --third-fg-color: #8e99a4;
    --fourth-fg-color: #515d72;
    
    --icon-color: #8e99a4;
    
    --button-icon-color: var(--secondary-fg-color);
    --button-text-color: var(--third-fg-color);
    
    --accent-color: #0dbd8b;
    
    --header-height: 25px;
    
    --border-radius-default: 8px;
    --border-radius-light: 4px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-default);
    background-color: rgba(255, 255, 255, 0.2);
}

body {
    background-color: var(--primary-bg-color);
    color: var(--primary-fg-color);
    
    font-family: Inter;
}