@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);
:root {
--c-font-primary: 'Quicksand';
--c-font-secondary: 'Cookie';

--c-primary: #996666;
--c-primary-hover: #906262;
--c-primary-txt: #ffffff;
--c-primary-light: #ebe0e0;
--c-primary-light-hover: #e1d3d3;
--c-primary-light-txt: #000000;
--c-primary-dark: #774f4f;
--c-primary-dark-hover: #6f4c4c;
--c-primary-dark-txt: #ffffff;

--c-secondary: #bb9a90;
--c-secondary-hover: #b39187;
--c-secondary-txt: #ffffff;
--c-secondary-light: #ece2df;
--c-secondary-light-hover: #e2d5d1;
--c-secondary-light-txt: #000000;
--c-secondary-dark: #9f7062;
--c-secondary-dark-hover: #956b5e;
--c-secondary-dark-txt: #ffffff;

--c-tertiary: #f1e8e6;
--c-tertiary-hover: #e8dad7;
--c-tertiary-txt: #000000;
--c-tertiary-light: #ede1de;
--c-tertiary-light-hover: #e4d3d0;
--c-tertiary-light-txt: #000000;
--c-tertiary-dark: #cba9a2;
--c-tertiary-dark-hover: #c39f97;
--c-tertiary-dark-txt: #ffffff;

--c-quaternary: #996666;
--c-quaternary-hover: #906262;
--c-quaternary-txt: #ffffff;
--c-quaternary-light: #ebe0e0;
--c-quaternary-light-hover: #e1d3d3;
--c-quaternary-light-txt: #000000;
--c-quaternary-dark: #774f4f;
--c-quaternary-dark-hover: #6f4c4c;
--c-quaternary-dark-txt: #ffffff;
--c-btn-radius-mp: 0.500;
--c-border-radius-mp: 0.500;
}