body {
    /* ---- */
    --primaryLinkColor: #4115e8;
    --primaryTextColor: #032327;
    --primaryColorGray: #636F91;
    --primaryColorLineGray: #b5bed7;
    --statusErrorColor: #E8111C;
    --statusAlertColor: #E8111C;

    --statusColorComplete: #62A529;
    --statusColorOverdue: #F97D23;
    --statusColorIncomplete: #E8111C;
    --primaryIconColor: #9aa6c1;

    --secondaryColor: #67D9D4;

    --naturalsColorGray: #DDE1E1;
    --neutralsColorGray: #F1F3F3;
    --neutralsSecondaryColor: #636F91;


    --borderPrimaryColor: #c6c8ce; 
    --loadingBarColor: var(--primaryLinkColor);

    --btnPrimaryColor: white;
    --btnPrimaryBgColor: var(--primaryLinkColor);
    --btnPrimaryBorderColor: var(--primaryLinkColor);

    --btnSecondaryColor: var(--primaryLinkColor);
    --btnSecondaryBgColor: transparent;
    --btnSecondaryBorderColor: var(--primaryLinkColor);

    --btnTextColor: var(--primaryLinkColor);
    --btnTextBgColor: transparent;
    --btnTextBorderColor: transparent;

    --btnTabHorizontalColor:var(--primaryTextColor);
    --btnTabHorizontalBgColor: transparent;
    --btnTabHorizontalBorderBottomColor: var(--naturalsColorGray);

    --scrollbarPrimaryThumbColor: #d5d5d5;
    --scrollbarPrimaryBgColor: #eef1f4;
    --scrollbarPrimaryHoverColor: #4115e8;

    /* UI ---- */ 
    --uiDashboardBgColor: #f3f4f4; 

    /* Forms */
    --formInputDisabled:  #e5eaea;
    --inputBorderColor: #032327;
    --inputBorderRadius: 4px;
    
   /* Filters */
    --filterBorderColor: var(--primaryColorGray);
    --filterBorderRadius: 4px;

}

a,
a:hover,
a:active,
a:visited,
a:focus,
button .icon,
.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    outline: 0;
    outline: none;
}