:root {
    --primary: #0052cc; /* Blue */
    --success: #0B875B; /* green */
    --danger: #E13C3C; /* red */
    --warning: #F89C1C; /* orange */
    --secondary: #F4F5F7; /* light grey */
    --textDarkest: #172b4d;
    --textDark: #42526E;
    --textMedium: #5E6C84;
    --textLight: #8993a4;
    --textLink: #0052cc;
    --backgroundDarkPrimary: #0747A6;
    --backgroundMedium: #dfe1e6;
    --backgroundLight: #ebecf0;
    --backgroundLightest: #F4F5F7;
    --backgroundLightPrimary: #D2E5FE;
    --backgroundLightSuccess: #E4FCEF;
    --borderLightest: #dfe1e6;
    --borderLight: #C1C7D0;
    --borderInputFocus: #4c9aff;
}

:root {
    --task: #4FADE6; /* blue */
    --bug: #E44D42; /* red */
    --story: #65BA43; /* green */
}

:root {
    --highest: #CD1317; /* red */
    --high: #E9494A; /* orange */
    --medium: #E97F33; /* orange */
    --low: #2D8738; /* green */
    --lowest: #57A55A; /* green */
}

:root {
    --issue-color-backlog: var(--textDark);
    --issue-color-inprogress: #fff;
    --issue-color-selected: var(--textDark);
    --issue-color-done: #fff;
    --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";
}

:root {
    --avatar-color-1: #DA7657;
    --avatar-color-2: #6ADA57;
    --avatar-color-3: #5784DA;
    --avatar-color-4: #AA57DA;
    --avatar-color-5: #DA5757;
    --avatar-color-6: #DA5792;
    --avatar-color-7: #57DACA;
    --avatar-color-8: #57A5DA;
}