:root {
:root;
--border_radius: 20px;
--button_padding: 12px 24px;
--res1: rgb(22,24,29);
--res2: rgb(251,251,251);
--res3: rgb(250,156,87);
--res4: rgb(241,34,28);
--res5: rgb(30,30,30);
--column_spacing_large: 48px;
--column_spacing_medium: 24px;
--column_spacing_small: 12px;
--container_width: 1312px;
--h1_size: clamp(41px, 5.2vw, 56px);
--h2_size: clamp(36px, 5.2vw, 49px);
--h3_size: clamp(32px, 5.2vw, 39px);
--h4_size: clamp(28px, 5.2vw, 31px);
--h5_size: clamp(25px, 5.2vw, 25px);
--h6_size: clamp(21px, 5.2vw, 21px);
--large_copy_size: 18px;
--letter_spacing: normal;
--line_height: normal;
--main_copy_size: 16px;
--main_font: Dosis;
--secondary_font: Dosis;
--shadow_main: none;
--shadow_secondary: none;
--shadow_tertiary: none;
--small_text_size: 14px;
--spacing_large: 60px;
--spacing_medium: 40px;
--spacing_small: 20px;
}

.res1 { color: var(--res1); }
.bg-res1 { background-color: var(--res1); }
.res2 { color: var(--res2); }
.bg-res2 { background-color: var(--res2); }
.res3 { color: var(--res3); }
.bg-res3 { background-color: var(--res3); }
.res4 { color: var(--res4); }
.bg-res4 { background-color: var(--res4); }
.res5 { color: var(--res5); }
.bg-res5 { background-color: var(--res5); }