:root {
    --bien-gutter: 24px;
    --bien-gutter-unit: 4px;
    --bien-gutter-half: calc(var(--bien-gutter) / 2);
    --bien-gutter-double: calc(var(--bien-gutter) * 2);
    --bien-topbar: 55px;
    --bien-sidebar-collapsed: 70px;
    --bien-sidebar: 250px;
    --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-bg: #EFF1F3;
    --bien-primary-opacity: #4997F844;
}

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

    --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-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;
}