:root{
    /* colors HEX */
    --color1HEX: #080934;
    --color2HEX: #2604e5;
    --color3HEX: #ffc000;
    --color4HEX: #579fff;
    --color5HEX: #a7cbfd;
    --color6HEX: #edf5ff;

    /* colors RGB */
    --color1RGB: 8, 9, 52;
    --color2RGB: 38, 4, 229;
    --color3RGB: 255, 192, 0;
    --color4RGB: 87, 159, 255;
    --color5RGB: 167, 203, 253;
    --color6RGB: 237, 245, 255;    

    /* font families */
    --hed-font: montserrat, sans-serif;
    --body-font: avenir-next-lt-pro, sans-serif;
    --subhed-font: montserrat, sans-serif;
    --btn-font: space-mono, mono;
    --menu-font: montserrat, sans-serif;

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

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

    /* buttons */
    --btn-bg: #ffc000;
    --btn-bg-hover: #2604e5;

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

    --btn-alt-bg: #2604e5;
    --btn-alt-bg-hover: #579fff;

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