:root {
    /* -------------------- */
    /* -------------------- */
    /* -------------------- */
    /* From info/views.py  */
    /*--color-primary: #FF103B;*/
    /*--color-primary-rgb: 255, 16, 59;*/
    /*--color-text: #2D2727;*/
    /*--color-text-rgb: 45, 39, 39;*/
    /*--color-bg: #FFFFFF;*/
    /*--color-bg-rgb: 255, 255, 255;*/
    /*--color-accent: #FF103B;*/
    /*--color-accent-rgb: 255, 16, 59;*/
    /*--color-price: #FF103B;*/
    /*--color-border: #E4E4E4;*/
    /*--color-button-text: #FFFFFF;*/
    /*--color-button-text-rgb: 255, 255, 255;*/
    /* -------------------- */
    /* -------------------- */
    /* -------------------- */
    --color-disabled-button-color: #b8bcc4; /* or c5c9d4 */

    --color-red-700: #d81b1b;
    --color-red-600: #e02e46;
    --color-red-500: #fe3650;
    --color-red-100: #ffe2e7;

    --color-red-custom-1: #f0c4c8;
    --color-red-custom-2: #c62828;
    --color-red-custom-3: #ffe8ea;
    --color-red-custom-4: #ffe8ea;
    --color-red-custom-5: #b71c1c;
    --color-red-custom-6: #8b1a1a;
    --color-red-custom-7: #6d1f1f;
    --color-red-custom-8: #ffcdd2;
    --color-red-custom-9: #e53935;

    --color-orange-500: #ff7c02;
    --color-orange-400: #ff9a02;
    --color-orange-300: #ff7b4a;

    --color-yellow-500: #ffc702;

    --color-green-800: #219653;
    --color-green-700: #1e8a5c;
    --color-green-600: #24a26f;
    --color-green-500: #0ac006;

    --color-blue-700: #4368ec;
    --color-blue-600: #357ae8;
    --color-blue-500: #4285f4;

    --color-black: #000000;
    --color-dark-900: #121a26;
    --color-dark-800: #1f2a3b;
    --color-dark-700: #181818;
    --color-dark-600: #2b2a2a;
    --color-dark-500: #333333;
    --color-dark-400: #363638;
    --color-dark-300: #44444f;
    --color-dark-200: #4c4b4b;
    --color-dark-100: #463f3f;

    --color-gray-900: #606266;
    --color-gray-800: #6a6d73;
    --color-gray-700: #767676;
    --color-gray-600: #7f7d7d;
    --color-gray-500: #82868d;
    --color-gray-400: #8c8c8c;
    --color-gray-300: #898989;
    --color-gray-200: #8e8e93;
    --color-gray-150: #a9a9a9;
    --color-gray-100: #adadad;
    --color-gray-90: #b7bbc2;
    --color-gray-80: #bfbfbf;
    --color-gray-70: #c4c4c4;
    --color-gray-60: #c4c6cc;
    --color-gray-50: #d0d1d6;
    --color-gray-40: #d4d6db;
    --color-gray-30: #dddddd;
    --color-gray-20: #dfdddd;
    --color-gray-10: #e0e0e0;
    --color-gray-5: #e0e1e6;

    --color-gray-custom-1: #eaeaea;
    --color-gray-custom-2: #f1f1f1;
    --color-gray-custom-3: #888888;
    --color-gray-custom-4: #555555;
    --color-gray-custom-5: #6c707a;
    --color-gray-custom-6: #f0f2f5;
    --color-gray-custom-7: #8a8f99;
    --color-gray-custom-8: #fff5f5;
    --color-gray-custom-9: #ffebee;
    --color-gray-custom-10: #909499;
    --color-gray-custom-11: #eaeaec;
    --color-gray-custom-12: #f5f7fa;
    --color-gray-custom-13: #666;
    --color-gray-custom-14: #f6f7f9;
    --color-gray-custom-15: #50555e;
    --color-gray-custom-16: #8a8f98;

    --color-white: #ffffff;

    --color-gray-0: #fafafa;
    --color-gray-1: #f9f9fa;
    --color-gray-2: #f6f6f7;
    --color-gray-3: #f5f5f5;
    --color-gray-4: #f4f5f7;
    --color-gray-5-light: #f4f4f4;
    --color-gray-6: #f3f3f3;
    --color-gray-7: #f2efef;
    --color-gray-8: #f0f0f0;
    --color-gray-9: #eeeeee;
    --color-gray-10-light: #ebecf0;
    --color-gray-11: #ebebeb;
    --color-gray-12: #ecedf0;
    --color-gray-13: #f9f9f9;
    --color-gray-14: #cccccc;

    --color-white-soft: #fffbfb;
    --color-white-soft-2: #fffdfd;
}