:root{
    /* new Colors base */

    --text-Primary: #010409D1;
    --text-Secondary: #05102970;
    --text-Tertiary: #010D2842;
    --text-Primary-inverse: #FBFCFEF5;
    --text-Secondary-inverse: #E6EEFE99;
    --text-Tertiary-inverse: #E4EAFC33;
    --text-Selected: #2C69F6;
    --text-Disabled: #BDC0C7;
    --text-Brand: #2C69F6;
    --text-Negative: #FD3542;
    --text-Positive: #00B23B;

    --background-Primary: #FFFFFF;
    --background-Primary-blur: rgba(255, 255, 255, 0.75);
    --background-Primary-elevated: #FFFFFF;
    --background-Primary-alpha-hover: #0526570F;
    --background-Primary-alpha-pressed: #0B162D17;
    
    --background-Hover: #F0F2F5;
    --background-Hover-alpha: #24384C0D;

    --background-Pressed: #E9EAEC;
    --background-Pressed-alpha: #0B162D17;

    --background-Selected: #E9EAEC;
    --background-Selected-alpha: #0B162D17;

    --background-Neutral: #F0F2F5;
    --background-Neutral-alpha: #0526570F;
    --background-Neutral-hover: #0B162D17;
    --background-Neutral-alpha-hover: #0B162D17;
    --background-Neutral-pressed: #01112821;
    --background-Neutral-alpha-pressed: #01112821;
    --background-Neutral-selected: #01112821;

    --background-Secondary: #F0F2F5;
    --background-Secondary-alpha: #24384C0D;
    --background-Secondary-hover: #E9EAEC;
    --background-Secondary-pressed: #DEDFE3;
    --background-Secondary-selected: #DEDFE3;

    --background-Inverse: #212225;
    --background-Inverse-alpha: #030407E0;

    --background-Disabled: #24384C0D;
    --background-Disabled-alpha: #0526570F;

    --background-Brand: #2C69F6;
    --background-Brand-hover: #2453EC;
    --background-Brand-pressed: #1C3FD9;
    --background-Brand-tertiary: #DBE7FE;
    --background-Brand-subtle: #EFF5FF;
    --background-Brand-subtle-alpha: #1A71FF12;
    --background-Brand-subtle-alpha-hover: #1262F826;
    --background-Brand-subtle-alpha-pressed: #0962FB42;

    --background-Negative: #FD3542;
    --background-Negative-hover: #EB1725;
    --background-Negative-alpha-hover: #FF0F1F21;
    --background-Negative-pressed: #C60F1B;
    --background-Negative-alpha-pressed: #FF05163B;
    
    --background-Positive: #00B23B;

    --background-Mono: #2F3135;
    --background-Mono-hover: #3D3F44;
    --background-Mono-pressed: #595C63;
    --background-Mono-inverse: #F0F2F5;
    --background-Mono-inverse-pressed: #DEDFE3;
    --background-Mono-inverse-alpha-pressed: #DEDFE3;
    --background-Mono-inverse-hover: #E9EAEC;
    --background-Mono-alpha-hover: #E9EAEC;
    
    --background-Disabled: #f0f2f5;
    --background-Disabled-alpha: #0526570F;
    
    --icon-Primary: #3D3F44;
    --icon-Secondary: #A7ABB4;
    --icon-Tertiary: #D3D5D9;
    --icon-Inverse: #F0F2F5;
    --icon-Selected: #2C69F6;
    --icon-Disabled: #E9EAEC;
    --icon-Brand: #2C69F6;
    --icon-Warning: #F27F0D;
    --icon-Negative: #FD3542;
    --icon-Positive: #00B23B;
    --icon-White: #FFFFFF;

    --border-Primary: #F0F2F5;
    --border-Primary-alpha: #24384C0D;
    --border-Secondary: #E9EAEC;
    --border-Tertiary: #DEDFE3;
    --border-Tertiary-alpha: #01112821;
    --border-Inverse: #FFFFFF;
    --border-Selected: #2C69F6;
    --border-Disabled: #D3D5D9;
    --border-Brand: #2C69F6;
    --border-Warning: #F27F0D;
    --border-Negative: #FD3542;
    --border-Positive: #00B23B;
    --border-Mono: #212225;

    --icon-filter: invert(1);
    --icon-filter-vice-versa: invert(0);

    --lock-application: rgba(255, 246, 237, 1);
    --warn-application-color:rgba(255, 241, 241, 1);

    --link-color: #2C69F6;
}

:root[theme='dark'] {
    --text-Primary: #FBFCFEF5;
    --text-Secondary: #E6EEFE99;
    --text-Tertiary: #E4EAFC33;
    --text-Primary-inverse: #030407E0;
    --text-Secondary-inverse: #05102970;
    --text-Tertiary-inverse: #010D2842;
    --text-Selected: #5F99FB;
    --text-Disabled: #595C63;
    --text-Brand: #5F99FB;
    --text-Negative: #FF6670;
    --text-Positive: #09DE4F;
    
    --background-Primary: #212225;
    --background-Primary-blur: rgba(33, 34, 37, 0.75);
    --background-Primary-elevated: #3D3F44;
    --background-Primary-alpha-hover: #E4EAFC33;
    --background-Primary-alpha-pressed: #E2E9F857;

    --background-Hover: #3D3F44;
    --background-Hover-alpha: #E4EAFC33;

    --background-Pressed: #595C63;
    --background-Pressed-alpha: #E2E9F857;

    --background-Selected: #595C63;
    --background-Selected-alpha: #E2E9F857;

    --background-Neutral: #2F3135;
    --background-Neutral-alpha: #DADBEC12;
    --background-Neutral-hover: #DDE4F424;
    --background-Neutral-alpha-hover: #DDE4F424;
    --background-Neutral-pressed: #E4EAFC33;
    --background-Neutral-alpha-pressed: #E4EAFC33;
    --background-Neutral-selected: #E4EAFC33;

    --background-Secondary: #131416;
    --background-Secondary-alpha: #D2DDF417;
    --background-Secondary-hover: #212225;
    --background-Secondary-pressed: #2F3135;
    --background-Secondary-selected: #2F3135;

    --background-Inverse: #F0F2F5;
    --background-Inverse-alpha: #030407E0;

    --background-Disabled: #DADBEC12;
    --background-Disabled-alpha: #DADBEC12;

    --background-Brand: #5F99FB;
    --background-Brand-hover: #93BDFD;
    --background-Brand-pressed: #BFD6FE;
    --background-Brand-tertiary: #343B4D;
    --background-Brand-subtle: #1E35AF;
    --background-Brand-subtle-alpha: #1A71FF12;
    --background-Brand-subtle-alpha-hover: #1262F826;
    --background-Brand-subtle-alpha-pressed: #0962FB42;

    --background-Negative: #FF6670;
    --background-Negative-hover: #FF9EA4;
    --background-Negative-alpha-hover: #FF0F1F21;
    --background-Negative-pressed: #FFC6CA;
    --background-Negative-alpha-pressed: #FF05163B;

    --background-Positive: #09DE4F;

    --background-Mono: #F0F2F5;
    --background-Mono-hover: #E9EAEC;
    --background-Mono-pressed: #D3D5D9;
    --background-Mono-inverse: #2F3135;
    --background-Mono-inverse-hover: #3D3F44;
    --background-Mono-inverse-pressed: #595C63;

    --background-Disabled: #2F3135;
    --background-Disabled-alpha: #DADBEC12;

    --icon-Primary: #F0F2F5;
    --icon-Secondary: #757982;
    --icon-Tertiary: #3D3F44;
    --icon-Inverse: #212225;
    --icon-Selected: #5F99FB;
    --icon-Disabled: #2F3135;
    --icon-Brand: #5F99FB;
    --icon-Warning: #F4983B;
    --icon-Negative: #FF6670;
    --icon-Positive: #09DE4F;
    --icon-White: #FFFFFF;

    --border-Primary: #212225;
    --border-Primary-alpha: #030407E0;
    --border-Secondary: #2F3135;
    --border-Tertiary: #3D3F44;
    --border-Tertiary-alpha: #E2E9F857;
    --border-Inverse: #212225;
    --border-Selected: #5F99FB;
    --border-Disabled: #3D3F44;
    --border-Brand: #5F99FB;
    --border-Warning: #F4983B;
    --border-Negative: #FF6670;
    --border-Positive: #09DE4F;
    --border-Mono: #F0F2F5;

    --icon-filter: invert(0);
    --icon-filter-vice-versa: invert(1);

    --lock-application: rgba(255, 208, 169, 0.12);
    --warn-application-color:rgb(255, 92, 92);

    --link-color: #5F99FB;
}