@import url(https://fonts.googleapis.com/css2?family=Bentham&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);
:root {
--font-primary: 'Bentham';
--font-secondary: 'Abril Fatface';

--primary: #563c77;
--primary-hover: #523a6f;
--primary-txt: #ffffff;
--primary-light: #a48bc4;
--primary-light-hover: #9b81bd;
--primary-light-txt: #ffffff;
--primary-dark: #432e5c;
--primary-dark-hover: #3f2d56;
--primary-dark-txt: #ffffff;

--secondary: #a84361;
--secondary-hover: #9d425d;
--secondary-txt: #ffffff;
--secondary-light: #ebcdd6;
--secondary-light-hover: #e3bec9;
--secondary-light-txt: #000000;
--secondary-dark: #82344b;
--secondary-dark-hover: #7a3348;
--secondary-dark-txt: #ffffff;

--tertiary: #e5786c;
--tertiary-hover: #df6d61;
--tertiary-txt: #ffffff;
--tertiary-light: #f7d7d4;
--tertiary-light-hover: #f2c6c1;
--tertiary-light-txt: #000000;
--tertiary-dark: #da3d2b;
--tertiary-dark-hover: #ce3a2a;
--tertiary-dark-txt: #ffffff;

--quaternary: #81c5af;
--quaternary-hover: #77bea7;
--quaternary-txt: #ffffff;
--quaternary-light: #dcefe9;
--quaternary-light-hover: #cde7de;
--quaternary-light-txt: #000000;
--quaternary-dark: #50ad8f;
--quaternary-dark-hover: #4ea287;
--quaternary-dark-txt: #ffffff;

--quinary: #d5e17a;
--quinary-hover: #cedb6e;
--quinary-txt: #ffffff;
--quinary-light: #f2f6d5;
--quinary-light-hover: #ebf0c3;
--quinary-light-txt: #000000;
--quinary-dark: #c1d33a;
--quinary-dark-hover: #bacc33;
--quinary-dark-txt: #ffffff;
--btn-radius-mp: 50.0;
--border-radius-mp: 1.0;
}