/* Light (Default) */
:root{
    /* Defaults */
    --h:                    197;
    --s:                    96%;
    --l:                    34%;

    --clr-sec:              #037baa;

    --app:                  #037baa;
    --app-cc:               #009fb7;
    --app-ai:               #009fb7;
    --light:                #ffffff;
    --dark:                 #000000;
    --info:                 #bcdfef;
    --success:              #1EA54C;
    --warning:              #F6A707;
    --danger:               #e93f30;

    /* Text */
    --txt-10:               #0A0A0A;
    --txt-20:               #141414;
    --txt-30:               #333333;
    --txt-40:               #7A7A7A;
    --txt-50:               #B8B8B8;
    --txt-60:               #eae9e4;
    
    --txt-info:             #00405c;
    --txt-secondary:        #323030;
    --txt-success:          #12632e;
    --txt-warning:          #997404;
    --txt-danger:           #8f2820;
    --txt-system:           #002e5c;
    --txt-custom:           #4c1876;

    /* Backgounds */
    --bg-10:                #ffffff;
    --bg-20:                hsl(var(--h), calc(var(--s) - 20%), 99%);
    --bg-30:                hsl(var(--h), calc(var(--s) - 35%), 96%);
    --bg-40:                hsl(var(--h), calc(var(--s) - 45%), 90%);
    --bg-50:                hsl(var(--h), var(--s), var(--l));
    --bg-60:                hsl(var(--h), var(--s), var(--l));
    --bg-70:                hsl(var(--h), var(--s), calc(var(--l) - 7%));
    --bg-info:              #cce1eb;
    --bg-secondary:         #ecebe7;
    --bg-success:           #d2eddb;
    --bg-warning:           #fff3cd;
    --bg-danger:            #fcd9d7;
    --bg-system:            #ccdbeb;
    --bg-custom:            #e5d4f3;

    /* Highlight */
    --hl-pri:               #ffecae;
    --hl-sec:               #f6c5c1;

    /* Border */
    --bdr-info:             #3388ad;
    --bdr-secondary:        #bbb7b0;
    --bdr-success:          #4bb770;
    --bdr-warning:          #ffcd39;
    --bdr-danger:           #f2695d;
    --bdr-system:           #3370ad;
    --bdr-custom:           #9853d1;
    
    --bdr-r-10:             7px;
    --bdr-r-20:             10px;
    --bdr-r-30:             10px;

    /* Legend */
    --lgnd-default:         #d7d5d5;
    --lgnd-system:          #2876C5;
    --lgnd-customized:      #7e28c5;
    --lgnd-customized-firm: #12C1CC;
    --lgnd-user:            #187D04;
    --lgnd-user-project:    #cca012;
    --lgnd-user-firm:       #ec5f00;
    --lgnd-user-projectFirm:#cc1212;

    /* Shadow */
    --shadow-10:               0px 5px 10px #071a3115;
    --shadow-20:               5px 5px 10px #071a3120;
}

/* RealtiBuilderSales */
:root body.rbs{
    /* --app:          #1b9343;
    --clr-pri:      #1ea54c;
    --clr-sec:      #1ea54c; */

    /* --h:                    140;
    --s:                    69%;
    --l:                    34%; */

    --bg-10:                #ffffff;
    --bg-30:                #eff4f1;
    --bg-40:                #e4e8e6;
    --bg-50:                #dde2df;
    --bg-60:                #ccd2ce;
}

/* RealtiBuilderSales */
:root body.wills{
    --bg-10:                #ffffff;
    --bg-20:                #fefcf6;
    --bg-30:                #f4f4ef;
    --bg-40:                #e8e8e4;
    --bg-50:                #e2e1dd;
    --bg-60:                #d2d2cc;
}

/* Dark */
:root body.dark{
    /* Defaults */
    --app:              #00b4f7;
    --clr-sec:          #00b4f7;

    /* Text */
    --txt-10:           #eeeeec;
    --txt-20:           #eae9e4;
    --txt-30:           #dcd9d4;
    --txt-40:           #B8B8B8;
    --txt-50:           #424242;
    --txt-60:           #323030;
    --txt-info:         #99c3d6;
    --txt-secondary:    #ecebe7;
    --txt-success:      #a5dbb7;
    --txt-warning:      #ffe69c;
    --txt-danger:       #f9b4ae;
    --txt-system:       #99b7d6;
    --txt-custom:       #cba9e8;

    /* Background */
    --bg-10:            #282828;
    --bg-20:            #1d1c1c;
    --bg-30:            #100f0f;
    --bg-40:            #0c0b0b;
    --bg-50:            #05C8F6;
    --bg-60:            #05B3DD;
    --bg-info:          #00405c;
    --bg-secondary:     #444040;
    --bg-success:       #12632e;
    --bg-warning:       #997404;
    --bg-danger:        #601b15;
    --bg-system:        #002e5c;
    --bg-custom:        #4c1876;

    /* Highlight */
    --hl-pri:           #676049;
    --hl-sec:           #8b635e;    
    
    /* Border */
    --bdr-info:         #006A99;
    --bdr-success:      #1EA54C;
    --bdr-warning:      #ffc107;
    --bdr-danger:       #EF4335;
    --bdr-system:       #004C99;
    --bdr-custom:       #7e28c5; 
}