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

/* colors HEX */
--color1HEX: #06446a;
--color2HEX: #92bfe6;
--color3HEX: #283857;
--color4HEX: #d44a4f;
--color5HEX: #ffffff;
--color6HEX: #ffffff;

/* colors RGB */
--blackRGB: 0, 0, 0;
--whiteRGB: 255, 255, 255;
--color1RGB: 6, 68, 106;
--color2RGB: 146, 191, 230;
--color3RGB: 40, 56, 87;
--color4RGB: 212, 74, 79;
--color5RGB: 255, 255, 255;
--color6RGB: 255, 255, 255;

/* layout border */
--border-width: 20px;
--border-color: #92bfe6;

/* font families */
--hed-font: 'Gotham Pro', serif;
--body-font: 'Gotham Pro', serif;
--btn-font: 'Gotham Pro', serif;
--mono-font: 'Gotham Pro', serif;
--script-font: 'Gotham Pro', serif;

/* font weights */
--hed-font-weight: 800;
--body-font-weight: 300;
--link-font-weight: 600;
--btn-font-weight: 600;
--menu-font-weight: 600;

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

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

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