:root{
    /* colors HEX */
    --color1HEX: #004481;
    --color2HEX: #4e5b31;
    --color3HEX: #9ec480;
    --color4HEX: #cc0000;
    --color5HEX: #f1f9ec;
    --color6HEX: #fff2d7;

    /* colors RGB */
    --color1RGB: 0, 68, 129;
    --color2RGB: 78, 91, 49;
    --color3RGB: 158, 196, 128;
    --color4RGB: 204, 0, 0;
    --color5RGB: 241, 249, 236;
    --color6RGB: 255, 242, 215;    

    /* font families */
    --hed-font: "aktiv-grotesk", sans-serif;
    --body-font: "aktiv-grotesk", sans-serif;
    --subhed-font: "aktiv-grotesk", sans-serif;
    --btn-font: "aktiv-grotesk", sans-serif;
    --menu-font: "aktiv-grotesk", sans-serif;

    /* font weights */
    --hed-font-weight: 800;
    --subhed-font-weight: 700;
    --body-font-weight: 400;
    --btn-font-weight: 800;
    --menu-font-weight: 700;

    /* text transform */
    --hed-transform: none;
    --subhed-transform: uppercase;
    --btn-transform: none;
    --menu-transform: none;

    /* buttons */
    --btn-bg: #9ec480;
    --btn-bg-hover: #f1f9ec;

    --btn-color: #000000;
    --btn-color-hover: #000000;

    --btn-alt-bg: #cc0000;
    --btn-alt-bg-hover: #f1f9ec;

    --btn-alt-color: #ffffff;
    --btn-alt-color-hover: #000000;

    /* footer cta */
    --email-cta-bg: ;

    /* campaign */
    --state: Texas;
    --stateface: tx;
}