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

--c-primary: #7594a3;
--c-primary-hover: #6e8d9c;
--c-primary-txt: #ffffff;
--c-primary-light: #e0e7eb;
--c-primary-light-hover: #d3dce1;
--c-primary-light-txt: #000000;
--c-primary-dark: #577482;
--c-primary-dark-hover: #536e7a;
--c-primary-dark-txt: #ffffff;

--c-secondary: #01858b;
--c-secondary-hover: #047b81;
--c-secondary-txt: #ffffff;
--c-secondary-light: #09f3fd;
--c-secondary-light-hover: #08e6f0;
--c-secondary-light-txt: #ffffff;
--c-secondary-dark: #01676c;
--c-secondary-dark-hover: #035f64;
--c-secondary-dark-txt: #ffffff;

--c-tertiary: #7faeaa;
--c-tertiary-hover: #77a7a3;
--c-tertiary-txt: #ffffff;
--c-tertiary-light: #e0ebea;
--c-tertiary-light-hover: #d2e2e0;
--c-tertiary-light-txt: #000000;
--c-tertiary-dark: #5a8f8a;
--c-tertiary-dark-hover: #578682;
--c-tertiary-dark-txt: #ffffff;

--c-quaternary: #a8c8c5;
--c-quaternary-hover: #9dc0bd;
--c-quaternary-txt: #ffffff;
--c-quaternary-light: #e0ebea;
--c-quaternary-light-hover: #d2e2e0;
--c-quaternary-light-txt: #000000;
--c-quaternary-dark: #75a8a3;
--c-quaternary-dark-hover: #6ea19c;
--c-quaternary-dark-txt: #ffffff;

--c-quinary: #e0dfd1;
--c-quinary-hover: #d7d5c4;
--c-quinary-txt: #000000;
--c-quinary-light: #eaeae1;
--c-quinary-light-hover: #e1e0d3;
--c-quinary-light-txt: #000000;
--c-quinary-dark: #b9b697;
--c-quinary-dark-hover: #b1ae8d;
--c-quinary-dark-txt: #ffffff;

--c-senary: #658698;
--c-senary-hover: #617f8f;
--c-senary-txt: #ffffff;
--c-senary-light: #e0e7eb;
--c-senary-light-hover: #d3dce1;
--c-senary-light-txt: #000000;
--c-senary-dark: #4e6876;
--c-senary-dark-hover: #4b626f;
--c-senary-dark-txt: #ffffff;

--c-septenary: #eaedf0;
--c-septenary-hover: #dce1e6;
--c-septenary-txt: #000000;
--c-septenary-light: #e1e6ea;
--c-septenary-light-hover: #d4dae0;
--c-septenary-light-txt: #000000;
--c-septenary-dark: #acb8c3;
--c-septenary-dark-hover: #a1aebb;
--c-septenary-dark-txt: #ffffff;

--c-octonary: #333333;
--c-octonary-hover: #303030;
--c-octonary-txt: #ffffff;
--c-octonary-light: #5f5f5f;
--c-octonary-light-hover: #5b5b5b;
--c-octonary-light-txt: #ffffff;
--c-octonary-dark: #282828;
--c-octonary-dark-hover: #252525;
--c-octonary-dark-txt: #ffffff;

--c-nonary: #a9a4a3;
--c-nonary-hover: #a19b9a;
--c-nonary-txt: #ffffff;
--c-nonary-light: #e6e5e5;
--c-nonary-light-hover: #dbd9d9;
--c-nonary-light-txt: #000000;
--c-nonary-dark: #857e7c;
--c-nonary-dark-hover: #7e7776;
--c-nonary-dark-txt: #ffffff;
--c-btn-radius-mp: 0.250;
--c-border-radius-mp: 0.250;
}