:root{
    /* colors HEX */
    --color1HEX: #00064a;
    --color2HEX: ;
    --color3HEX: #001a89;
    --color4HEX: #bf5700;
    --color5HEX: #c66002;
    --color6HEX: #d36d0a;

    /* colors RGB */
    --color1RGB: 0, 6, 74;
    --color2RGB: , , ;
    --color3RGB: 0, 26, 137;
    --color4RGB: 191, 87, 0;
    --color5RGB: 198, 96, 2;
    --color6RGB: 211, 109, 10;    

    /* font families */
    --hed-font: barlow-condensed, sans-serif;
    --body-font: barlow-condensed, sans-serif;
    --subhed-font: barlow-condensed, sans-serif;
    --btn-font: barlow-condensed, sans-serif;
    --menu-font: barlow-condensed, sans-serif;

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

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

    /* buttons */
    --btn-bg: #bf5700;
    --btn-bg-hover: #d36d0a;

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

    --btn-alt-bg: #001a89;
    --btn-alt-bg-hover: #d36d0a;

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

    /* footer cta */
    --email-cta-bg: #00064a;

    /* campaign */
    --state: Texas;
    --stateface: tx;
    --office: 'TX-49';
}