:root{
/* colors HEX */
--color1HEX: #12659b;
--color2HEX: #339acc;
--color3HEX: #dc3a3f;
--color4HEX: #e5391a;
--color5HEX: #eff7fb;
--color6HEX: #ff9900;

/* colors RGB */
--color1RGB: 18, 101, 155;
--color2RGB: 51, 154, 204;
--color3RGB: 220, 58, 63;
--color4RGB: 229, 57, 26;
--color5RGB: 239, 247, 251;
--color6RGB: 255, 153, 0;

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

/* font families */
--hed-font: "neulis-sans", sans-serif;
--body-font: "new-hero", sans-serif;
--link-font: "new-hero", sans-serif;
--btn-font: "neulis-sans", sans-serif;
--menu-font: "neulis-sans", sans-serif;

/* font weights */
--hed-font-weight: 800;
--body-font-weight: 500;
--link-font-weight: 700;
--btn-font-weight: 700;
--menu-font-weight: 700;

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

/* buttons */
--btn-bg: #ff9900;
--btn-bg-hover: #339acc;

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

--btn-alt-bg: #dc3a3f;
--btn-alt-bg-hover: #e5391a;

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

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

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