:root {
    --background: #FFFFFF; /* Цвет основного фона */
    --background_2: #F5F6FA; /* Цвет основного фона 2 */
    --surface: #FFFFFF; /* Цвет фона контейнеров */
    --text-color: 34, 33, 48; /* Цвет текста на странице. Указывать в RGB */
    
    /* Цвета и их оттенки */
    --primary: 55, 125, 255; /* основной цвет, присутствует в кнопках, ссылках, иконках. Указывать в RGB */
    --success: 45, 202, 140;
    --warning: 255, 190, 61;
    --danger: 255, 113, 91;
    
    /* Кнопки */
    --button-text-color: rgb(var(--primary)); /* Цвет текста кнопок */
    --button-primary-background: rgb(var(--primary)); /* Цвет фона тёмных кнопок */
    --button-primary-background-hover: rgb(35, 115, 235); /* оттенок для ховера */
}