:root{
    /* colors HEX */
    --color1HEX: #522258;
    --color2HEX: #8c3061;
    --color3HEX: #8c3061;
    --color4HEX: #c63c51;
    --color5HEX: #d95f59;
    --color6HEX: #fabc3f;

    /* colors RGB */
    --color1RGB: 82, 34, 88;
    --color2RGB: 140, 48, 97;
    --color3RGB: 140, 48, 97;
    --color4RGB: 198, 60, 81;
    --color5RGB: 217, 95, 89;
    --color6RGB: 250, 188, 63;    

    /* font families */
    --hed-font: quinn-text, serif;
    --body-font: sweet-sans-pro, sans-serif;
    --subhed-font: sweet-sans-pro, sans-serif;
    --btn-font: sweet-sans-pro, sans-serif;
    --menu-font: sweet-sans-pro, sans-serif;

    /* font weights */
    --hed-font-weight: 900;
    --subhed-font-weight: 800;
    --body-font-weight: 500;
    --btn-font-weight: 800;
    --menu-font-weight: 800;

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

    /* buttons */
    --btn-bg: #fabc3f;
    --btn-bg-hover: #522258;

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

    --btn-alt-bg: #8c3061;
    --btn-alt-bg-hover: #fabc3f;

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