/* Root colors */
/* use with var(--color); included in base.html*/

:root {
    --primaryColor: #747474;
    --primaryColorLight:  #202020;
    --primaryColorLighte:#3d3d3d;
    --primaryColorLighter:#505050;
    --primaryColorTransparent: rgba(116,116,116,0.9);
    --primaryColorTransparenter: rgba(116,116,116,0.8);
    --secondaryColor: #fff;
    --secondaryColorDarker: #eaeaea;
    --textColorLight: #fff;
    --textColorLightish: #eaeaea;
    --textColorDark: #000;
    --textColorDarkish: #202020;
    --textColorMedium: #606060;
    --helpText: #888;
    --helpTextLighter: rgb(199, 199, 199);
    --linkColorDark: #3a80c3;
    --linkColorDarkHover: #26547f;
    --linkColorLight: rgb(208, 255, 0);
    --linkColorLightHover: rgb(146, 179, 0);
    --warning: rgb(216, 153, 146);
    --warning-darker: rgb(213, 91, 78);
    --navClickHighlight: rgba(255, 255, 255, 0.25);
    --navHoverHighlight: rgba(255, 255, 255, 0.15);
    --defaultPadding: 20px;
    --defaultRadius: 5px;
}