:root{
    /* colors HEX */
    --color1HEX: #0f7971;
    --color2HEX: #bcee00;
    --color3HEX: #ffdf32;
    --color4HEX: #fddb00;
    --color5HEX: #e29218;
    --color6HEX: #0c605a;

    /* colors RGB */
    --color1RGB: 15, 121, 113;
    --color2RGB: 188, 238, 0;
    --color3RGB: 255, 223, 50;
    --color4RGB: 253, 219, 0;
    --color5RGB: 226, 146, 24;
    --color6RGB: 12, 96, 90;    

    /* font families */
    --hed-font: special-gothic-semiexpanded, sans-serif;
    --body-font: special-gothic, sans-serif;
    --subhed-font: special-gothic, sans-serif;
    --btn-font: special-gothic-semiexpanded, sans-serif;
    --menu-font: special-gothic, sans-serif;

    /* font weights */
    --hed-font-weight: 700;
    --subhed-font-weight: 700;
    --body-font-weight: 400;
    --btn-font-weight: 700;
    --menu-font-weight: 700;

    /* text transform */
    --hed-transform: none;
    --subhed-transform: none;
    --btn-transform: uppercase;
    --menu-transform: none;

    /* buttons */
    --btn-bg: #ffdf32;
    --btn-bg-hover: #bcee00;

    --btn-color: #0f7971;
    --btn-color-hover: #0f7971;

    --btn-alt-bg: #fddb00;
    --btn-alt-bg-hover: #e29218;

    --btn-alt-color: #0f7971;
    --btn-alt-color-hover: #ffffff;

    --email-cta-bg: ;
}