:root{
--black: #000000;
--white: #ffffff;

/* colors HEX */
--color1HEX: #600047;
--color2HEX: #af2610;
--color3HEX: #e04500;
--color4HEX: #ffad1d;
--color5HEX: #ffffff;
--color6HEX: #ffffff;

/* colors RGB */
--blackRGB: 0, 0, 0;
--whiteRGB: 255, 255, 255;
--color1RGB: 96, 0, 71;
--color2RGB: 175, 38, 16;
--color3RGB: 224, 69, 0;
--color4RGB: 255, 173, 29;
--color5RGB: 255, 255, 255;
--color6RGB: 255, 255, 255;

/* layout border */
--border-width: 20px;
--border-color: #19a3b2;

/* font families */
--hed-font: "brandon-grotesque", sans-serif;
--body-font: "brandon-grotesque", sans-serif;
--btn-font: "brandon-grotesque", sans-serif;
--mono-font: "brandon-grotesque", sans-serif;
--script-font: "brandon-grotesque", sans-serif;

/* font weights */
--hed-font-weight: 900;
--body-font-weight: 400;
--link-font-weight: 900;
--btn-font-weight: 900;
--menu-font-weight: 900;

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

/* border-radius */
--border-radius: 0px;

/* blend mode */
--blend-mode: normal;
}