:root {
    /* White */
    --white: #FFFFFF;
    --white-70: #FFFFFFB3;
    --white-a8: #ffffffa8;
    --gray-50: #FFFCF9;
    --gray-75: #FFF9F9;

    /* Light gray */
    --gray-100: #F5F5F5;
    --gray-150: #EDEDED;
    --gray-200: #DDDDDD;
    --gray-250: #D9D9D9;
    --gray-300: #D3D3D3;

    /* Gray with transparency */
    --gray-200-47: #edf2f7;
    --gray-350: #f3f4f6;
    --gray-350-30: #f3f4f64d;
    --gray-350-50: #f3f4f680;
    --gray-350-60: #d9d9d9;

    /* Medium gray */
    --gray-400: #BCBCBC;
    --gray-450: #B0B0B0;
    --gray-500: #929292;

    /* Dark gray */
    --gray-600: #707070;
    --gray-700: #3A3A3A;
    --gray-800: #1c2f49;
    --gray-850: #1F242E;
    --gray-900: rgba(10, 16, 22, 0.78);
    --gray-950: #0E1820;

    /* Blue */
    --blue-100: #92D7FF;
    --blue-150: #dfeeff;
    --blue-200: #e6e9ef;
    --blue-250: #d7e2ef;
    --blue-300: #2AB0E4;
    --blue-350: #64758b;
    --blue-380: #52657c;
    --blue-400: #5F86C1;
    --blue-450: #2770ca;
    --blue-500: #0071CE;
    --blue-600: #001A34; /* Добавленный цвет */
    --blue-700: #2B5A74;

    /* Purple */
    --purple-100: #ebe5ff;
    --purple-500: #7d60d9;

    /* Red */
    --red-100: #FFF3F3;
    --red-300: #FFE7E7;
    --red-500: #FF532F;
    --red-600: #FF2C4F; /* hover */
    --red-700: #C8102E; /* фирменный цвет сайта*/

    /* Orange */
    --orange-100: #ffeadf;
    --orange-500: #D76F17;
    --orange-600: #e26732;
    /*Yelow*/

    --yellow-400: #ffb000;
    --yellow-gradient: linear-gradient(135deg, rgba(255, 176, 0, 0.16), rgba(226, 27, 60, 0.08));
    /* Green */
    --green-50: #d9f5f2;
    --green-75: #dcf5d9;
    --green-100: #3DC3A0;
    --green-150: #E6F7EAFF;
    --green-200: #2A9A45FF;
    --green-250: #2c9c43;
    --green-400: #3EBDC5;
    --green-500: #169aa2;
    --green-600: #0CB94C;

    /* Live Search */
    --color-EDEEEF: #EDEEEF;
    --color-EFF4F9: #EFF4F9;
    --color-3F4B69: #3F4B69;
    /* Тень для этого цвета вынесена в отдельную переменную */
    --shadow-card: 0 10px 28px rgba(25, 55, 90, .08);
    --shadow-card-hover: 0 24px 56px rgba(25, 55, 90, 0.14);
    --shadow-red: 1px 11px 14px rgba(227, 24, 55, 0.3);
    --shadow-red-hover: 1px 15px 14px rgba(227, 24, 55, 0.3);
}