/* Root colors */

:root {
    /* Primary colour ladder, darkest to lightest: --primaryColor, --primaryColorLight, --primaryColorMid, --primaryColorLighter. */
    --primaryColor: rgb(10, 140, 65);
    --primaryColorLight:#2a693d;
    --primaryColorMid:#3b8b53;
    --primaryColorLighter: rgb(10, 170, 77);
    --linkColorDark: #3a80c3;
    --linkColorDarkHover: #26547f;
    --secondaryColor: #fff;
    --secondaryColorDarker: #e0e0e0;
    --luciaBackgroundColor: #960014;
    --primaryColorTransparent: rgb(10, 140, 65, 0.9);
    --primaryColorTransparenter: rgb(10, 140, 65, 0.8);
    --textColorLight: #fff;
    --textColorLightish: #eaeaea;
    --textColorDark: #000;
    --textColorDarkish: #202020;
    --textColorMedium: #606060;
    --helpText: #888;
    --helpTextLighter: rgb(199, 199, 199);
    --linkColor: rgb(44, 148, 96);
    --linkColorSecondary: rgb(10, 170, 77);
    --linkSecondaryHover: #2a693d;
    --linkColorLight: rgb(37, 240, 122);
    --linkColorLightHover: rgb(29, 185, 94);
    --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;

    /* Event card roles, consumed by the shared events/css/event-card.css. The div
       card takes the colour events/css/style.css gives .card on /events/. The anchor
       card on the archive index does not load that sheet, so it takes the plain link
       colour from div a in core/css/base.css. */
    --event-card-fg: var(--textColorDark);
    --event-card-anchor-fg: var(--linkColorSecondary);
    --event-card-badge-bg: var(--primaryColorLighter);
    --event-card-badge-fg: #fff; /* Bootstrap's .badge colour, never overridden here */
    --event-card-bg: var(--secondaryColor);
    --event-card-link: var(--linkColor);
    --event-card-link-hover: var(--linkSecondaryHover);
}