:root {
    --primary: rgb(0, 82, 204); /* Blue */
    --success: rgb(11, 135, 91); /* green */
    --danger: rgb(225, 60, 60); /* red */
    --warning: rgb(248, 156, 28); /* orange */
    --secondary: rgb(244, 245, 247); /* light grey */
    --textDarkest: rgb(23, 43, 77);
    --textDark: rgb(66, 82, 110);
    --textMedium: rgb(94, 108, 132);
    --textLight: rgb(137, 147, 164);
    --textLink: rgb(0, 82, 204);
    --backgroundDarkPrimary: rgb(7, 71, 166);
    --backgroundMedium: rgb(223, 225, 230);
    --backgroundLight: rgb(235, 236, 240);
    --backgroundLightest: rgb(244, 245, 247);
    --backgroundLightPrimary: rgb(210, 229, 254);
    --backgroundLightSuccess: rgb(228, 252, 239);
    --borderLightest: rgb(223, 225, 230);
    --borderLight: rgb(193, 199, 208);
    --borderInputFocus: rgb(76, 154, 255);
    --asideIcon: rgb(222, 235, 254);
}

:root {
    --task: rgb(79, 173, 230); /* blue */
    --bug: rgb(228, 77, 66); /* red */
    --story: rgb(101, 186, 67); /* green */
    --epic: rgb(186, 142, 67); /* gold */
}

:root {
    --highest: rgb(205, 19, 23); /* red */
    --high: rgb(233, 73, 74); /* orange */
    --medium: rgb(233, 127, 51); /* orange */
    --low: rgb(45, 135, 56); /* green */
    --lowest: rgb(87, 165, 90); /* green */
}

:root {
    --issue-color-backlog: var(--textDark);
    --issue-color-inprogress: rgb(255, 255, 255);
    --issue-color-selected: var(--textDark);
    --issue-color-done: rgb(255, 255, 255);
    --issue-background-backlog: var(--backgroundMedium);
    --issue-background-inprogress: var(--primary);
    --issue-background-selected: var(--backgroundMedium);
    --issue-background-done: var(--success);
}

:root /* sizes */
{
    --appNavBarLeftWidth: 64px;
    --secondarySideBarWidth: 230px;
    --minViewportWidth: 1000px;
}

:root /* z-index */
{
    --modal: 20;
    --dropdown: 11;
    --navLeft: 10;
}

:root /* font */
{
    --font-regular: "CircularStdBook";
    --font-medium: "CircularStdMedium";
    --font-bold: "CircularStdBold";
    --font-black: "CircularStdBlack";
    --normal-font-size: 1rem;
    --small-font-size: .8rem;
}

:root /* margin & padding */
{
    --rte-indent: 5px;
}

:root { /* user without avatar */
    --avatar-color-1: rgb(218, 118, 87);
    --avatar-color-2: rgb(106, 218, 87);
    --avatar-color-3: rgb(87, 132, 218);
    --avatar-color-4: rgb(170, 87, 218);
    --avatar-color-5: rgb(218, 87, 87);
    --avatar-color-6: rgb(218, 87, 146);
    --avatar-color-7: rgb(87, 218, 202);
    --avatar-color-8: rgb(87, 165, 218);
}