:root {
    --black-color: #282B30;
    --grey-color: #F4F6F7;
    --blue-color: #F25A29;

    /* Buttons */
    --blue-button: #F25A29;
    --blue-button-hover: #f76231;
    --black-button: #282B30;
    --black-button-hover: #000;
    --grey-button: #F4F6F7;
    --grey-button-hover: #000;
    --white-button: #FFF;
    --white-button-hover: #FFF;
    --disabled-button: #e2e2e2;
    --disabled-button-text: #999;

    /* Badges */
    --popular-color: #619AEB;
    --sales-color: #FCCF0C;
    --green-color: #2FAD42;

    /* General */
    --site-background-color: #F4F6F7;
    --header-background-color: #FFFFFF;
    --footer-background-color: #FFFFFF;
    --topbar-background-color: #F25A29;
    --white-color: #FFFFFF;
    --border-color: #E2E2E2;
    --text-color: #626263;
    --light-blue: #F2F7FF;

    /* Messages */
    --success-color: #53CC9D;
    --info-color: #006AFF;
    --info-color-bg: #e8f1ff;
    --info-color-text: #002f71;
    --error-color: #FC3158;
    --error-color-bg: #ffeef1;
    --error-color-text: #981932;
    --message-color: #53CC9D;
    --message-color-bg: #ddf8ed;
    --message-color-text: #2b5f4b;

    /* Overlays */
    --overlay-60: rgba(0, 0, 0, 0.6);
    --overlay-30: rgba(0, 0, 0, 0.3);

    /* Guarantees */
    --basic: #FFEB80;
    --basic-2: #FFF6C7;
    --value: #A9CAF0;
    --value-2: #DBECFF;
    --premium: #F2E2AE;
    --premium-2: #FAF2D7;

}