:root {
    --bien-gutter: 24px;
    --bien-gutter-unit: 4px;
    --bien-gutter-half: calc(var(--bien-gutter-unit) * 3);
    --bien-gutter-double: calc(var(--bien-gutter-unit) * 12);
    --bien-topbar: 55px;
    --bien-sidebar-collapsed: 72px;
    --bien-sidebar: 250px;
    --bien-dark: #131D2A;
    --bien-white: #FFFFFF;
    --bien-text: var(--bien-dark, #131D2A);
    --bien-grey-1: #6E7785;
    --bien-grey-2: #D2DAE6;
    --bien-grey-3: #D9D9D9;
    --bien-primary: #4997F8;
    --bien-secondary: #DCE0E5;
    --bien-tertiary: #6E7785;
    --bien-danger: #FF6161;
    --bien-success: #1DB32C;
    --bien-warning: #FFD94E;
    --bien-bg: #EFF1F3;
    --bien-border: #EFF1F3;
    --bien-border-input: #DEE2E6;
    --bien-primary-opacity: #4997F844;
    --bien-primary-hover: #3586EA;
    --bien-btn-selected: #0863D3;
}

:root {
    --bien-dark-blue: var(--bien-dark, #131D2A);
    --bien-middle-gray: #6E7785;
    --bien-light-gray: #EFF1F3;
    --bien-modal-overlay: rgba(19, 29, 42, 0.5);

    --bien-blue: var(--bien-deep-blue);
    --bien-deep-blue: #1E4982;
    --bien-deep-blue-100: var(--bien-deep-blue, #1E4982);
    --bien-deep-blue-60: #8EA4C0;
    --bien-deep-blue-10: #D2DAE6;

    --bien-light-blue: var(--bien-primary, #4997F8);
    --bien-light-blue-100: var(--bien-light-blue, #4997F8);
    --bien-light-blue-60: #88C6FF;
    --bien-light-blue-10: #DBEAFE;

    --bien-red: #FF6161;
    --bien-red-100: var(--bien-red, #FF6161);
    --bien-red-60: #FFB0B0;
    --bien-red-10: #FFDFDF;

    --bien-yellow: #FFD94E;
    --bien-yellow-100: var(--bien-yellow, #FFD94E);
    --bien-yellow-60: #FFECA6;
    --bien-yellow-10: #FFF7DC;

    --bien-orange: #FF8E4E;
    --bien-orange-100: var(--bien-orange, #FF8E4E);
    --bien-orange-60: #FFC6A6;
    --bien-orange-10: #FFF4ED;

    --bien-violet: #6622CC;
    --bien-violet-100: var(--bien-violet, #6622CC);
    --bien-violet-60: #B290E5;
    --bien-violet-10: #F0E9FA;

    --bien-green: #1DB32C;
    --bien-green-dark: #1DA32A;
    --bien-green-100: var(--bien-green, #1DB32C);
    --bien-green-60: #8ED996;
    --bien-green-10: #E8F7EA;

    --bien-magenta: #EF27A6;
    --bien-magenta-100: var(--bien-magenta, #EF27A6);
    --bien-magenta-60: #F793D2;
    --bien-magenta-10: #FDE9F6;

    --bien-lime: #BBFF00;
    --bien-lime-100: var(--bien-lime, #BBFF00);
    --bien-lime-60: #DDFF80;
    --bien-lime-10: #F8FFE6;
}

:root {
    --inda-light-blue: #486AE2;
    --inda-light-blue-100: var(--inda-light-blue-100, #486AE2);
    --inda-light-blue-60: #9AADFB;
    --inda-light-blue-10: #EDF1FD;

    --inda-deep-blue: #1C3179;
    --inda-deep-blue-100: var(--inda-deep-blue-100, #1C3179);
    --inda-deep-blue-60: #7783AF;
    --inda-deep-blue-10: #E9EBF2;

    --inda-magenta: #EE5B81;
    --inda-magenta-100: var(--inda-magenta-100, #EE5B81);
    --inda-magenta-60: #F59DB3;
    --inda-magenta-10: #FEEFF3;

    --inda-yellow: #FFDE03;
    --inda-yellow-100: var(--inda-yellow-100, #FFDE03);
    --inda-yellow-60: #FFEB68;
    --inda-yellow-10: #FFFCE6;
}

:root {
    --white-darken-5: #f2f2f2;
    --white-lighten-5: white;
    --white-darken-10: #e6e6e6;
    --white-lighten-10: white;
    --white-darken-15: #d9d9d9;
    --white-lighten-15: white;
    --dark-blue-darken-5: #0b1118;
    --dark-blue-lighten-5: #1b293c;
    --dark-blue-darken-10: #030507;
    --dark-blue-lighten-10: #23354d;
    --dark-blue-darken-15: black;
    --dark-blue-lighten-15: #2b415f;
    --middle-gray-darken-5: #626b77;
    --middle-gray-lighten-5: #7b8492;
    --middle-gray-darken-10: #575e69;
    --middle-gray-lighten-10: #89919d;
    --middle-gray-darken-15: #4b525b;
    --middle-gray-lighten-15: #979ea9;
    --light-gray-darken-5: #e0e4e8;
    --light-gray-lighten-5: #fefefe;
    --light-gray-darken-10: #d2d8dd;
    --light-gray-lighten-10: white;
    --light-gray-darken-15: #c3cbd2;
    --light-gray-lighten-15: white;
    --deep-blue-100-darken-5: #193d6d;
    --deep-blue-100-lighten-5: #235597;
    --deep-blue-100-darken-10: #143259;
    --deep-blue-100-lighten-10: #2860ab;
    --deep-blue-100-darken-15: #102644;
    --deep-blue-100-lighten-15: #2c6cc0;
    --deep-blue-60-darken-5: #7e97b7;
    --deep-blue-60-lighten-5: #9eb1c9;
    --deep-blue-60-darken-10: #6d8aae;
    --deep-blue-60-lighten-10: #afbed2;
    --deep-blue-60-darken-15: #5d7ca5;
    --deep-blue-60-lighten-15: #bfccdb;
    --deep-blue-10-darken-5: #c2cddd;
    --deep-blue-10-lighten-5: #e2e7ef;
    --deep-blue-10-darken-10: #b1bfd4;
    --deep-blue-10-lighten-10: #f3f5f8;
    --deep-blue-10-darken-15: #a1b2cb;
    --deep-blue-10-lighten-15: white;
    --light-blue-100-darken-5: #3089f7;
    --light-blue-100-lighten-5: #62a5f9;
    --light-blue-100-darken-10: #187bf6;
    --light-blue-100-lighten-10: #7ab3fa;
    --light-blue-100-darken-15: #096eeb;
    --light-blue-100-lighten-15: #93c1fb;
    --light-blue-60-darken-5: #6fbaff;
    --light-blue-60-lighten-5: #a2d2ff;
    --light-blue-60-darken-10: #55aeff;
    --light-blue-60-lighten-10: #bbdeff;
    --light-blue-60-darken-15: #3ca1ff;
    --light-blue-60-lighten-15: #d5ebff;
    --light-blue-10-darken-5: #c2dcfd;
    --light-blue-10-lighten-5: #f4f8ff;
    --light-blue-10-darken-10: #a9cdfd;
    --light-blue-10-lighten-10: white;
    --light-blue-10-darken-15: #91bffc;
    --light-blue-10-lighten-15: white;
    --red-100-darken-5: #ff4848;
    --red-100-lighten-5: #ff7b7b;
    --red-100-darken-10: #ff2e2e;
    --red-100-lighten-10: #ff9494;
    --red-100-darken-15: #ff1515;
    --red-100-lighten-15: #ffaeae;
    --red-60-darken-5: #ff9797;
    --red-60-lighten-5: #ffcaca;
    --red-60-darken-10: #ff7d7d;
    --red-60-lighten-10: #ffe3e3;
    --red-60-darken-15: #ff6464;
    --red-60-lighten-15: #fffdfd;
    --red-10-darken-5: #ffc6c6;
    --red-10-lighten-5: #fff9f9;
    --red-10-darken-10: #ffacac;
    --red-10-lighten-10: white;
    --red-10-darken-15: #ff9393;
    --red-10-lighten-15: white;
    --yellow-100-darken-5: #ffd435;
    --yellow-100-lighten-5: #ffde68;
    --yellow-100-darken-10: #ffce1b;
    --yellow-100-lighten-10: #ffe481;
    --yellow-100-darken-15: #ffc902;
    --yellow-100-lighten-15: #ffe99b;
    --yellow-60-darken-5: #ffe78d;
    --yellow-60-lighten-5: #fff1c0;
    --yellow-60-darken-10: #ffe173;
    --yellow-60-lighten-10: #fff7d9;
    --yellow-60-darken-15: #ffdc5a;
    --yellow-60-lighten-15: #fffcf3;
    --yellow-10-darken-5: #fff1c3;
    --yellow-10-lighten-5: #fffdf6;
    --yellow-10-darken-10: #ffeba9;
    --yellow-10-lighten-10: white;
    --yellow-10-darken-15: #ffe690;
    --yellow-10-lighten-15: white;
    --orange-100-darken-5: #ff7e35;
    --orange-100-lighten-5: #ff9e68;
    --orange-100-darken-10: #ff6d1b;
    --orange-100-lighten-10: #ffaf81;
    --orange-100-darken-15: #ff5d02;
    --orange-100-lighten-15: #ffbf9b;
    --orange-60-darken-5: #ffb68d;
    --orange-60-lighten-5: #ffd6c0;
    --orange-60-darken-10: #ffa573;
    --orange-60-lighten-10: #ffe7d9;
    --orange-60-darken-15: #ff955a;
    --orange-60-lighten-15: #fff7f3;
    --orange-10-darken-5: #ffe4d4;
    --orange-10-lighten-5: white;
    --orange-10-darken-10: #ffd5ba;
    --orange-10-lighten-10: white;
    --orange-10-darken-15: #ffc5a1;
    --orange-10-lighten-15: white;
    --violet-100-darken-5: #5b1eb6;
    --violet-100-lighten-5: #722cdc;
    --violet-100-darken-10: #501ba0;
    --violet-100-lighten-10: #8142df;
    --violet-100-darken-15: #45178a;
    --violet-100-lighten-15: #8f57e3;
    --violet-60-darken-5: #a47be0;
    --violet-60-lighten-5: #c0a5ea;
    --violet-60-darken-10: #9567db;
    --violet-60-lighten-10: #cfb9ef;
    --violet-60-darken-15: #8752d6;
    --violet-60-lighten-15: #ddcef4;
    --violet-10-darken-5: #e2d4f5;
    --violet-10-lighten-5: #fefeff;
    --violet-10-darken-10: #d4bff1;
    --violet-10-lighten-10: white;
    --violet-10-darken-15: #c6abec;
    --violet-10-lighten-15: white;
    --green-100-darken-5: #199d27;
    --green-100-lighten-5: #21c931;
    --green-100-darken-10: #168721;
    --green-100-lighten-10: #27dc39;
    --green-100-darken-15: #12711c;
    --green-100-lighten-15: #3de04d;
    --green-60-darken-5: #7bd384;
    --green-60-lighten-5: #a1dfa8;
    --green-60-darken-10: #68cc73;
    --green-60-lighten-10: #b4e6b9;
    --green-60-darken-15: #55c661;
    --green-60-lighten-15: #c7eccb;
    --green-10-darken-5: #d5f0d9;
    --green-10-lighten-5: #fbfefb;
    --green-10-darken-10: #c2eac7;
    --green-10-lighten-10: white;
    --green-10-darken-15: #afe3b6;
    --green-10-lighten-15: white;
    --magenta-100-darken-5: #eb119c;
    --magenta-100-lighten-5: #f13fb0;
    --magenta-100-darken-10: #d3108c;
    --magenta-100-lighten-10: #f356ba;
    --magenta-100-darken-15: #bc0e7c;
    --magenta-100-lighten-15: #f46ec3;
    --magenta-60-darken-5: #f57bc8;
    --magenta-60-lighten-5: #f9abdc;
    --magenta-60-darken-10: #f364be;
    --magenta-60-lighten-10: #fbc2e6;
    --magenta-60-darken-15: #f24cb4;
    --magenta-60-lighten-15: #fcdaf0;
    --magenta-10-darken-5: #fbd2ec;
    --magenta-10-lighten-5: white;
    --magenta-10-darken-10: #f9bae3;
    --magenta-10-lighten-10: white;
    --magenta-10-darken-15: #f7a3d9;
    --magenta-10-lighten-15: white;
    --lime-100-darken-5: #a8e600;
    --lime-100-lighten-5: #c2ff1a;
    --lime-100-darken-10: #96cc00;
    --lime-100-lighten-10: #c9ff33;
    --lime-100-darken-15: #83b300;
    --lime-100-lighten-15: #cfff4d;
    --lime-60-darken-5: #d6ff67;
    --lime-60-lighten-5: #e4ff9a;
    --lime-60-darken-10: #cfff4d;
    --lime-60-lighten-10: #ebffb3;
    --lime-60-darken-15: #c9ff34;
    --lime-60-lighten-15: #f1ffcd;
    --lime-10-darken-5: #f1ffcd;
    --lime-10-lighten-5: white;
    --lime-10-darken-10: #eaffb3;
    --lime-10-lighten-10: white;
    --lime-10-darken-15: #e3ff9a;
    --lime-10-lighten-15: white;
}