:root {
    /*-- GENERAL COLOURS --*/
    --primaryDark: #7F9E2B;
    --primary: #97BB41;
    --primaryLight: #EFF5E0;
    --cta: #97BB41;
    --brown: #55361A;
    --bgColor: #fff;
    --fontColor: #555;
    --headingColor: #55361A;
    --opacityColor: 0, 0, 0;

    /*-- GENERAL VARIABLES --*/
    --transition: all 0.3s ease;
    --borderRadius: .2em;
    --inputPadding: .5em;
    --gridSpacing: 1rem;
    --containerWidth: 1200px;
    --bodyFont: "Montserrat", BlinkMacSystemFont, "-apple-system", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --headingFont: "Chelsea Market", BlinkMacSystemFont, "-apple-system", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --headingWeight: 500;
    --buttonBorderWidth: 2px;
    --buttonBorderRadius: 0.6em;

    /*-- FOOTER VARIABLES --*/
    --footerColor: #ffffff;
    --footerBG: #222222;

    /*-- FORM VARIABLES --*/
    --formColor: var(--fontColor);
    --formBG: var(--white);
    --inputColor: var(--black);
    --inputBG: var(--white);

    /*-- CARD VARIABLES --*/
    --cardBG: #fff;
    --cardTextColor: var(--fontColor);
    --cardBorder: 0px solid rgba(var(--opacityColor), 0.1);
    --cardShadow: 0 10px 10px -5px var(--opacity20);
    --cardBGHover: #fff;
    --cardShadowHover: 0 10px 20px -5px var(--opacity40);
    --cardTransformHover: translatey(-.4em);
    --cardHeadingFont: inherit;
    --cardHeadingWeight: var(--headingWeight);
    --cardHeadingColor: var(--headingColor);

    /*-- ADVANCED VARIABLES --*/
    --opacity100: rgba(var(--opacityColor), 1);
    --opacity90: rgba(var(--opacityColor), .9);
    --opacity80: rgba(var(--opacityColor), .8);
    --opacity70: rgba(var(--opacityColor), .7);
    --opacity60: rgba(var(--opacityColor), .6);
    --opacity50: rgba(var(--opacityColor), .5);
    --opacity40: rgba(var(--opacityColor), .4);
    --opacity30: rgba(var(--opacityColor), .3);
    --opacity20: rgba(var(--opacityColor), .2);
    --opacity10: rgba(var(--opacityColor), .1);
    --opacity05: rgba(var(--opacityColor), .05);
    --opacity03: rgba(var(--opacityColor), .03);
    --opacity00: rgba(var(--opacityColor), .00);

    --error: #CF000F;
    --warning: orange;
    --success: #26A65B;
    --white: #fff;
    --black: #000;
}