:root{

/* colors HEX */
--color1HEX: #00649a;
--color2HEX: #27448d;
--color3HEX: #e15b57;
--color4HEX: #6ab7c4;
--color5HEX: #f5e9db;
--color6HEX: #ffffff;

/* colors RGB */
--color1RGB: 0, 100, 154;
--color2RGB: 39, 68, 141;
--color3RGB: 225, 91, 87;
--color4RGB: 106, 183, 196;
--color5RGB: 245, 233, 219;
--color6RGB: 255, 255, 255;

/* sitewide border */
--border-width: 20px;
--border-color: #6ab7c4;

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

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

/* font families */
--hed-font: "Retrokia Caps Regular", sans-serif;
--body-font: "Poppins", sans-serif;
--btn-font: "Retrokia Caps Regular", sans-serif;
--menu-font: "Retrokia Caps Regular", sans-serif;
--script-font: monospace;

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

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

/* button */
--btn-bg: var(--color3HEX);
--btn-color: var(--color5HEX);
--btn-bg-hover: var(--color2HEX);
--btn-color-hover: var(--color6HEX);

--btn-alt-bg-hover: var(--color4HEX);
--btn-alt-color-hover: var(--color6HEX);

--btn-bg-active: var(--color6HEX);
--btn-color-active: var(--color2HEX);
}