@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
:root {
--c-font-primary: 'Raleway';
--c-font-secondary: 'Open Sans';

--c-primary: #7ac9d0;
--c-primary-hover: #70c2c9;
--c-primary-txt: #ffffff;
--c-primary-light: #d9f0f2;
--c-primary-light-hover: #c9e8eb;
--c-primary-light-txt: #000000;
--c-primary-dark: #43b3bd;
--c-primary-dark-hover: #42a7b0;
--c-primary-dark-txt: #ffffff;

--c-secondary: #643a7d;
--c-secondary-hover: #5e3975;
--c-secondary-txt: #ffffff;
--c-secondary-light: #b38cca;
--c-secondary-light-hover: #ab82c3;
--c-secondary-light-txt: #ffffff;
--c-secondary-dark: #4d2d61;
--c-secondary-dark-hover: #492c5b;
--c-secondary-dark-txt: #ffffff;

--c-tertiary: #d1e4e9;
--c-tertiary-hover: #c2dbe1;
--c-tertiary-txt: #000000;
--c-tertiary-light: #ddebee;
--c-tertiary-light-hover: #cde1e6;
--c-tertiary-light-txt: #000000;
--c-tertiary-dark: #8ebcc9;
--c-tertiary-dark-hover: #83b4c1;
--c-tertiary-dark-txt: #ffffff;
--c-btn-radius-mp: 0.000;
--c-border-radius-mp: 0.000;
}