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

:root {
    --primaryColor: #b1121b;
    --primaryColorLight: #c93138;
    --primaryColorLighte: #d94c52;
    --primaryColorLighter: #e66b71;
    --primaryColorTransparent: rgba(177, 18, 27, 0.9);
    --primaryColorTransparenter: rgba(177, 18, 27, 0.8);
    --secondaryColor: #ffffff;
    --secondaryColorDarker: #eaeaea;
    --textColorLight: #fff;
    --textColorLightish: #f4e9ea;
    --textColorDark: #000;
    --textColorDarkish: #202020;
    --textColorMedium: #606060;
    --helpText: #888;
    --helpTextLighter: rgb(199, 199, 199);
    --linkColorDark: #3a80c3;
    --linkColorDarkHover: #26547f;
    --linkColorLight: #ffe4e6;
    --linkColorLightHover: #ffd0d3;
    --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;
}