:root {
    --accent-color: #D5A43D;
    --accent-color2: #c35423;
    --accent-color3: #D71921;
    --accent-color4: #18346A;

    --link-color: #337ab7;
    --link-hover-color: #23527c;

    
    --button-color1: #222222;
    --button-borderColor1: #222222;
    --button-bgColor1: #DDDDDD;
    --buttonHover-color1: #222222;
    --buttonHover-borderColor1: #222222;
    --buttonHover-bgColor1: #DDDDDD;

    --button-color2: #fff;
    --button-borderColor2: #18346A;
    --button-bgColor2: #D71921;
    --buttonHover-color2: #fff;
    --buttonHover-borderColor2: #18346A;
    --buttonHover-bgColor2: #D71921;

    /*family*/
    --heading-family: "Oswald";
    --body-family: "Oswald";

    /*font size*/
    --body-font-size: 20px;
    --body-font-size-small: 16px;
    --body-font-size-large: 26px;
    --body-color: #333;

    --heading-1: 36px;
    --heading-2: 30px;
    --heading-3: 24px;
    --heading-4: 18px;
    --heading-5: 14px;
    --heading-6: 12px;
    --heading-color: #333;


    --menu-font-size: var(--body-font-size);

    --headerBgColor: #800000;
    --footerBgColor: rgba(0, 0, 0, 1);


    /* Custom */
    --fontFamily-Oswald: "Oswald";
    --fontFamily-Anton: 'Anton';
}