:root {
    --main-bg-color: #fff; /*رنگ پس‌زمینه*/
    --medium-bg-color: #fff; /*رنگ پنل لیست مخاطبان*/
    --dark-bg-color: #772953; /*رنگ نوار گوشه یا منوها*/
    --button-hover-color: #762852; /*زمانی که با موس روی دکمه نگه داریم*/
    --hover-color: #f6e4ee; /*زمانی که روی سایر اشیا موس را نگه می‌داریم، در صورتی که برای آن‌ها تعریف شده باشد*/
    --menu-hover-color: #903164; /*زمانی موس را روی منوها نگه می‌داریم*/
    --main-text-color: #000; /*رنگ نوشته‌ها*/
    --main-border-color: #df9fc1; /*مرز اجزای صفحه. مثلا بالای صفحه چت با وسط صفحه چت*/
    --main-control-color: #a33871; /*قاب دکمه‌ها یا ورودی‌ها*/
    --chat-right-color: #f6e4ee; /*رنگ زمینه چت سمت راست*/
    --chat-left-color: #edc9dc; /*رنگ زمینه چت سمت چپ*/
    --chat-color: #000; /*رنگ نوشته‌های چت*/
    --shadow-color: rgba(246, 228, 238, 0.5); /*رنگ سایه. مثلا وقتی روی عکس یک مخاطب کلیک می‌کنید و پنل سمت چپ باز می‌شود، روی صفحه سایه می‌افتد*/
    --button-bg-color: #d685b0; /*رنگ پس‌زمنه دکمه‌ها*/
    --avatar-bg-color: #772953; /*رنگ پس‌زمینه عکس‌های نمایه*/
    --a-overflow: ellipsis;
    --a-white-space: nowrap;
}