:root
    {
        /* ===============================================
        COLORS
        ================================================== */
        /*
        #theme-body
        */
        --theme-body-color:                         #1e1e1e;
        --theme-body-color-white:                   #ffffff;
        
        --theme-body-color-title:                   #0e0e0e;
        --theme-body-color-subtitle:                #75757d;
        
        --theme-body-background:                    #ffffff;
        --theme-body-background-white:              #ffffff;        
        
        --theme-body-sub-background:                #f0f0f1;
        --theme-body-sub-background-hover:          #f5f5f5;
        --theme-body-sub-background-active:         #fafafa;
        
        --theme-body-border:                        #cbcbce;
        --theme-body-border-white:                  #ffffff;
        
        --theme-body-sub-border:                    #f0f0f1;
        
        --theme-body-form-placeholder:              #afafaf;
        --theme-body-form-border:                   #afafaf;
        --theme-body-form-icon:                     #afafaf;
        
        --theme-body-shadow:                        0rem 0.2rem 0.8rem -0.1rem rgba(0, 0, 0, 0.1), 0rem 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.1), 0rem 0.1rem 0.3rem 0rem rgba(0, 0, 0, 0.1);
        --theme-body-shadow-hover:                  0rem 1.6rem 3.8rem -1.2rem rgba(0, 0, 0, 0.56), 0rem 0.4rem 2.5rem 0rem rgba(0, 0, 0, 0.12), 0rem 0.8rem 1.0rem -0.5rem rgba(0, 0, 0, 0.12);
        
        /*
        #highlights
        */
        --theme-highlights-yellow:                  #ffff99;
        
        /*
        #color
        */
        --theme-color-blue:                         #178cf3;
        --theme-color-blue-hover:                   #31a6ff;
        --theme-color-blue-active:                  #4abfff;

        --theme-color-green:                        #86c540;
        --theme-color-green-hover:                  #8dd43f;
        --theme-color-green-active:                 #93ec31;

        --theme-color-yellow:                       #ffbd06;
        --theme-color-yellow-hover:                 #ffd720;
        --theme-color-yellow-active:                #fff039;

        --theme-color-red:                          #fc442c;
        --theme-color-red-hover:                    #fc5f4a;
        --theme-color-red-active:                   #fd715e;

        --theme-color-grey:                         #333333;
        --theme-color-grey-hover:                   #4d4d4d;
        --theme-color-grey-active:                  #666666;
        
        /*
        #message-box
        */
        --theme-message-box-soft-color:             #4e4e4e;
        --theme-message-box-soft-color-hover:       #75757e;
        --theme-message-box-soft-background:        #fafafa;
        --theme-message-box-soft-border:            #e5e5ea;
        
        --theme-message-box-info-color:             #2e7893;
        --theme-message-box-info-color-hover:       #85cfec;
        --theme-message-box-info-background:        #dff2fa;
        --theme-message-box-info-border:            #d3edf8;
        
        --theme-message-box-note-color:             #8f5c0b;
        --theme-message-box-note-color-hover:       #edca42;
        --theme-message-box-note-background:        #f8f2cb;
        --theme-message-box-note-border:            #f3ebab;
        
        --theme-message-box-confirm-color:          #4a630e;
        --theme-message-box-confirm-color-hover:    #aacf49;
        --theme-message-box-confirm-background:     #e5f2c0;
        --theme-message-box-confirm-border:         #dceda7;
        
        --theme-message-box-error-color:            #cd0a0a;
        --theme-message-box-error-color-hover:      #d97676;
        --theme-message-box-error-background:       #ffd4d4;
        --theme-message-box-error-border:           #ffc6c6;
        
        /*
        #mask
        */
        --theme-mask-modal-background:              rgba(11, 12, 13, 0.75);
        --theme-mask-modal-inner-background:        rgba(11, 12, 13, 0.3);
        --theme-mask-background:                    rgba(11, 12, 13, 0.3);
        --theme-mask-button-background:             rgba(11, 12, 13, 0.75);
        --theme-mask-linear-gradient-background:    linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 50%);     /* #property-fav-area */
    }