@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);
:root {
--c-font-primary: 'Zen Kaku Gothic Antique';
--c-font-secondary: 'Lexend';

--c-primary: #353535;
--c-primary-hover: #323232;
--c-primary-txt: #ffffff;
--c-primary-light: #636363;
--c-primary-light-hover: #5e5e5e;
--c-primary-light-txt: #ffffff;
--c-primary-dark: #292929;
--c-primary-dark-hover: #272727;
--c-primary-dark-txt: #ffffff;

--c-secondary: #909050;
--c-secondary-hover: #87874d;
--c-secondary-txt: #ffffff;
--c-secondary-light: #dfdfc5;
--c-secondary-light-hover: #d6d6b8;
--c-secondary-light-txt: #000000;
--c-secondary-dark: #70703e;
--c-secondary-dark-hover: #69693c;
--c-secondary-dark-txt: #ffffff;

--c-tertiary: #e3cff4;
--c-tertiary-hover: #d8bdee;
--c-tertiary-txt: #000000;
--c-tertiary-light: #e7d6f5;
--c-tertiary-light-hover: #dcc4f0;
--c-tertiary-light-txt: #000000;
--c-tertiary-dark: #b37ce1;
--c-tertiary-dark-hover: #aa71db;
--c-tertiary-dark-txt: #ffffff;

--c-quaternary: #fff4eb;
--c-quaternary-hover: #fee6d3;
--c-quaternary-txt: #000000;
--c-quaternary-light: #ffe3cc;
--c-quaternary-light-hover: #fdd6b6;
--c-quaternary-light-txt: #000000;
--c-quaternary-dark: #ffb77d;
--c-quaternary-dark-hover: #fbad6d;
--c-quaternary-dark-txt: #ffffff;

--c-quinary: #dfe7f2;
--c-quinary-hover: #cfdaea;
--c-quinary-txt: #000000;
--c-quinary-light: #dbe4f0;
--c-quinary-light-hover: #cbd7e9;
--c-quinary-light-txt: #000000;
--c-quinary-dark: #94afd4;
--c-quinary-dark-hover: #89a6cd;
--c-quinary-dark-txt: #ffffff;

--c-senary: #fd6705;
--c-senary-hover: #ed6208;
--c-senary-txt: #ffffff;
--c-senary-light: #ffe0cc;
--c-senary-light-hover: #fdd2b7;
--c-senary-light-txt: #000000;
--c-senary-dark: #c64f02;
--c-senary-dark-hover: #b74c06;
--c-senary-dark-txt: #ffffff;

--c-septenary: #f7f0fd;
--c-septenary-hover: #ebdbf9;
--c-septenary-txt: #000000;
--c-septenary-light: #e7d2f9;
--c-septenary-light-hover: #dcbff5;
--c-septenary-light-txt: #000000;
--c-septenary-dark: #c38ef0;
--c-septenary-dark-hover: #b980eb;
--c-septenary-dark-txt: #ffffff;

--c-octonary: #fcecb5;
--c-octonary-hover: #f9e5a2;
--c-octonary-txt: #000000;
--c-octonary-light: #fdf2ce;
--c-octonary-light-hover: #faecb9;
--c-octonary-light-txt: #000000;
--c-octonary-dark: #f8d457;
--c-octonary-dark-hover: #f3cd4b;
--c-octonary-dark-txt: #ffffff;

--c-nonary: #89b6bf;
--c-nonary-hover: #80aeb8;
--c-nonary-txt: #ffffff;
--c-nonary-light: #deebed;
--c-nonary-light-hover: #cfe1e4;
--c-nonary-light-txt: #000000;
--c-nonary-dark: #5998a5;
--c-nonary-dark-hover: #578f9a;
--c-nonary-dark-txt: #ffffff;
--c-btn-radius-mp: 0.375;
--c-border-radius-mp: 0.375;
}