:root {
    --color-background: #ffffff;

    --color-blue-light: #C4DEE8;
    --color-blue-dark: #76AEC8;
    --color-green: #98BF5A;
    --color-red: #ED6B36;
    
    --color-white-0: #f5f5f5;
    --color-white-1: #ECECEC;
    --color-white-2: #d4cfca;
    --color-white-3: #C1B8B0;

    --color-gray-1: #919497;
    --color-gray-2: #7B828A;

    --color-btn-base: #919497;
    --color-btn-hover: #98BF5A;

    /* отступы */
    --spacing-base: 5px;
    --spacing-in: 20px;
    --spacing-elements: 24px;
    --spacing-block-min: 10px;
    --spacing-block-base: 30px;
    
    /* Визуал */
    --radius-base: 40px;
    --radius-medium: 20px;
    --radius-light: 14px;
    --box-h: 46px;
    --box-w: 80px;
    --btn-h: 60px;


    --shadow-in: inset 1px 1px 2px rgba(53, 53, 53, 0.2);
    --shadow-out: 0 2px 4px rgba(53, 53, 53, 0.2);

    --bold: 500;


}