:root {
    --color-primary-01: #101010;
    --color-primary-02: #1C1C20;
    --color-primary-03: #25272E;
    --color-primary-04: #2F313C;
    --color-primary-05: #5F6069;
    --color-primary-06: #9C9EA5;
    --color-secondary-01: #200009;
    --color-secondary-02: #790526;
    --color-secondary-03: #ce1348;
    --color-secondary-04: #FF2161;
    --color-secondary-05: #ff638f;
    --color-secondary-06: #fea3bd;
    --color-neutral-01: #010201;
    --color-neutral-02: #0C1621;
    --color-neutral-03: #2E313B;
    --color-neutral-04: #53545D;
    --color-neutral-05: #86858D;
    --color-neutral-06: #CBCACD;
    --color-bg-p-01: #E6EDEF;
    --color-bg-p-02: #ECF0F0;
    --color-bg-p-03: #F2F2F2;
    --color-bg-s-01: #fea3bd;
    --color-bg-s-02: #ffc4d5;
    --color-bg-s-03: #ffe5ec;
    --color-bg-neutral-01: #C1BEBF;
    --color-bg-neutral-02: #DAD8D8;
    --color-bg-neutral-03: #F4F4F4;
    --colorW: #fff;
    --color-feedback-success-01: #99CC47;
    --color-feedback-success-02: #CFF098;
    --color-feedback-success-03: #F1F8E6;
    --color-feedback-warning-01: #FAC91E;
    --color-feedback-warning-02: #FFF0BC;
    --color-feedback-warning-03: #FFF9E5;
    --color-feedback-info-01: #5C8A9C;
    --color-feedback-info-02: #C8E6F1;
    --color-feedback-info-03: #E1EEF2;
    --color-feedback-danger-01: #EA3C16;
    --color-feedback-danger-02: #FE8B72;
    --color-feedback-danger-03: #FFD3C9;
    --font-light: roboto_light;
    --font-medium: roboto_medium;
    --font-regular: roboto_regular;
    --font-bold: roboto_bold;
    --font-text: open_sansregular;
    --font-bold2: open_sansbold;
    --body-font-family: var(--font-medium);
    --font-size-base: 16px;
    --font-size-small: 13px;
    --line-height-base: 1.428571429;
    --body-bg: var(--colorW);
    --color-secondaryMenu: var(--color-bg-p-02);
    --color-secondaryMenu-color: var(--color-primary-04);
    --color-secondaryMenu-color-active: var(--color-primary-03);
    --color-secondaryMenu-color-hover: var(--color-primary-03);
    --color-secondaryMenu-line: var(--color-secondary-04);
    --color-title: var(--color-primary-03);
    --color-title-border: var(--color-primary-06);
    --color-checks: var(--color-secondary-04);
    --color-icon: var(--color-link);
    --color-text: var(--color-neutral-03);
    --color-text-bold: var(--color-neutral-02);
    --color-text-light: var(--color-neutral-05);
    --color-border: var(--color-bg-neutral-01);
    --border: 1px solid var(--color-border);
    --border-radius-input: 2px;
    --border-radius-cards: 8px;
    --paragraph-family: var(--font-text);
    --color-paragraph: var(--color-neutral-04);
    --color-black: var(--color-neutral-02);
    --color-link: var(--color-secondary-04);
    --color-link-hover: var(--color-secondary-04);
    --padding: 20px;
    --box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
    --maxwith-content: 1184px;
    --loading-svg-color: var(--color-secondary-04);
    --loadingBar-color: var(--color-secondary-04);
    --loadingBar-color-back: var(--color-bg-neutral-03);
    --rating-star-color: var(--color-feedback-warning-01);
    --rating-circle-color: var(--color-primary-04);
    --rating-circle-bg: var(--color-primary-06);
    --skill-on: var(--color-secondary-04);
    --skill-off: var(--color-secondary-06);
    --transition: all .5s ease-in-out;
    --ratin-averagescore-color: var(--colorW);
    --ratin-averagescore-bg: var(--color-text);
    --title-h1-size: 26px;
    --title-h1-color: var(--color-text);
    --title-h1-font: var(--font-regular);
    --title-h2-size: 18px;
    --title-h2-color: var(--color-text-bold);
    --title-h2-font: var(--font-regular);
    --title-h3-size: 16px;
    --title-h3-color: var(--color-text-bold);
    --title-h3-font: var(--font-bold);
    --mainHeader-bg: var(--color-primary-01);
    --mainMenu-txt: var(--colorW);
    --mainMenu-sice: 14px;
    --mainHeader-family: var(--body-font-family);
    --mainHeader-link: var(--color-bg-p-02);
    --mainHeader-transform: none;
    --mainHeader-activeLink: var(--colorW);
    --mainHeader-activeLink-mark: var(--color-secondary-04);
    --mainHeader-activeLink-mark-height: 2px;
    --mainHeader-border: none;
    --main-header-color-burger: var(--color-text);
    --main-header-lang-color: var(--color-text);
    --main-header-lang-active-color: var(--colorW);
    --main-header-lang-active-bg: var(--color-link);
    --user-menu-color: var(--colorW);
    --user-menu-bg: var(--color-secondary-04);
    --user-menu-icon-color: var(--colorW);
    --user-menu-icon-bg: var(--color-secondary-04);
    --user-menu-border: var(--mainHeader-border);
    --secondaryHeader-bg: var(--color-primary-04);
    --secondaryHeader-color: var(--colorW);
    --secondaryHeader-size: 26px;
    --secondaryHeader-font: var(--font-medium);
    --regular-title: var(--color-primary-03);
    --popupHeader-bg: var(--color-primary-01);
    --popupHeader-color: var(--colorW);
    --popupHeader-close-bg: var(--popupHeader-bg);
    --popupHeader-close-color: var(--colorW);
    --tabs-font-size: 18px;
    --tabs-font-family: var(--font-medium);
    --tabs-border-bottom: 1px solid var(--color-border);
    --tabs-color-link: var(--color-primary-06);
    --tabs-active-color: var(--color-primary-03);
    --tabs-active-bg: var(--colorW);
    --tabs-active-line: var(--color-primary-03);
    --tabs-content-color: var(--color-bg-neutral-03);
    --color--card-paragrap: var(--color-paragraph);
    --card-shadow: var(--box-shadow);
    --color--card-bg: var(--colorW);
    --color--card-border: var(--colorW);
    --border--radius-card: var(--border-radius-cards);
    --padding--card: var(--padding);
    --color-card-header-text: var(--font-text);
    --color-card-header-bg: var(--color-bg-p-02);
    --btn-font-size: 12px;
    --btn-font-family: var(--font-bold);
    --btn-font-weight: 800;
    --btn-border-radius: 4px;
    --btn-text-transform: uppercase;
    --btn-primary-color: var(--colorW);
    --btn-primary-color-hover: var(--colorW);
    --btn-primary-bg: var(--color-secondary-04);
    --btn-primary-bg-hover: var(--color-secondary-04);
    --btn-primary-border: 1px solid var(--btn-primary-bg);
    --btn-primary-border-hover: var(--color-link-hover);
    --btn-line-height: 36px;
    --btn-padding: 0 var(--padding);
    --btn-secondary-color: var(--color-secondary-04);
    --btn-secondary-color-hover: var(--color-secondary-04);
    --btn-secondary-bg: var(--colorW);
    --btn-secondary-bg-hover: var(--color-bg-neutral-03);
    --btn-secondary-border: 1px solid var(--color-secondary-04);
    --btn-secondary-border-hover: 1px solid var(--color-secondary-04);
    --btn-disabled: var(--color-primary-06);
    --btn-disabled-border: solid 1px var(--btn-disabled);
    --btn-transition: var(--transition);
    --form-font-family: var(font-light);
    --form-border-input: none;
    --form-border--radius-input: 0;
    --form-color--bg-input: var(--color-bg-neutral-03);
    --form-color-input: var(--color-text);
    --form-color-placeholder: var(--color-neutral-04);
    --form-font-placeholder: var(--font-regular);
    --form-weight: 500;
    --form-height: 54px;
    --form-border-bottom: 1px solid var(--color-border);
    --form-width: 100%;
    --form-padding: 13px;
    --form-outline: none;
    --form-color-disabled: var(--form-color-placeholder);
    --form-color-read-only: var(--form-color-placeholder);
    --panel--border: 1px solid var(--color-border);
    --panel-border-radius: 4px;
    --panel--bg-color: var(--colorW);
    --panel-padding: var(--padding);
    --panel-margin: var(--padding) 0;
    --panel-shadow: 0 0 4px 1px rgba(159, 159, 159, 0.05), 0 4px 10px 0 rgba(197, 197, 197, 0.2);
    --panel-statistics-number: var(--color-secondary-04);
    --form-panel-max-width: 740px;
    --form-panel-border: 0;
    --form-panel-margin: var(--padding) auto;
    --form-panel-padding: 16px var(--padding);
    --form-panel-box-shadow: 0 1px 3px 0 rgba(128, 139, 152, 0.15), 0 0 0 1px rgba(128, 139, 152, 0.05);
    --gray-section-bg: var(--color-bg-neutral-03);
    --collapsible-header-color: var(--form-color-input);
    --collapsible-header-bg: var(--form-color--bg-input);
    --collapsible-header-border: var(--form-color--bg-input);
    --collapsible-content-color: var(--color-link);
    --collapsible-content-bg: var(--colorW);
    --collapsible-content-border: var(--color-border);
    --collapisble-color-active: var(--form-color-link);
    --collapisble-background-active: var(--colorW);
    --collapisble-line-active: var(--color-link);
    --table-border: none;
    --table-border-radius: 40px;
    --table-bg: var(--colorW);
    --table-thead-color: var(--color-text);
    --table-thead-bg: var(--color-bg-p-03);
    --table-thead-border: none;
    --table-thead-font-size: 14px;
    --table-thead-border-bottom: solid 1px var(--color-border);
    --table-td-color: var(--color-text);
    --table-td-padding: var(--padding) 25px;
    --table-td-bg: var();
    --table-td-border: none;
    --table-td-border-bottom: solid 1px var(--color-border);
    --td-name-color: var(--color-text);
    --table-td-bg-hover: var(--color-bg-s-03);
    --infoTags-size: 12px;
    --infoTags-color: var(--color-text);
    --infoTags-bg: var(--color-bg-p-02);
    --noAnswer-color: var(--color-text);
    --noAnswer-bg: var(--color-bg-p-02);
    --fixed-column-width: 33%;
    --fixed-column-width-open: var(--fixed-column-width);
    --fixed-column-gap: var(--padding);
    --footer-color: var(--colorW);
    --footer--bg-color: var(--color-primary-02);
    --footer--up-bg: var(--color-primary-02);
    --footer--down-bg: var(--color-primary-04);
    --footer--border-bottom: 30px solid var(--color-primary-04);
    --footer-link-color: var(--colorW);
    --color-tag-0: #2B4798;
    --color-tag-1: #E84820;
    --color-tag-2: #EC6568;
    --color-tag-3: #E5AE14;
    --color-tag-4: #969F23;
    --color-tag-5: #259B38;
    --color-tag-6: #3A9599;
    --color-tag-7: #316E9A;
    --color-tag-8: #B21917;
    --color-tag-9: #3E398E;
    --color-tag-10: #372C66;
    --color-tag-11: #724192;
    --color-tag-12: #913E90;
    --color-tag-13: #8F3257;
    --color-tag-14: #D85A67;
    --color-tag-15: #C47BB2;
    --color-tag-16: #D48D7F;
    --color-tag-17: #BA9E72;
    --color-tag-18: #B6B772;
    --color-tag-19: #778C69;
    --widget-body-bg: var(--body-bg);
    --widget-body-color: var(--color-text);
    --widget-header-bg: var(--mainHeader-bg);
    --widget-header-h1-size: var(--title-h1-size);
    --widget-header-h1-color: var(--mainHeader-link);
    --widget-link-color: var(--color-link);
    --widget-link-hover: var(--color-link-hover);
    --widget-btn-link: var(--color-link);
    --widget-btn-pri-color: var(--btn-primary-color);
    --widget-btn-pri-bg: var(--btn-primary-bg);
    --widget-btn-pri-color-hover: var(--btn-primary-color-hover);
    --widget-btn-pri-bg-hover: var(--btn-primary-bg-hover);
    --widget-bnt-sec-color: var(--btn-secondary-text);
    --widget-bnt-sec-bg: var(--btn-secondary-bg);
    --widget-btn-text-transform: var(--btn-text-transform);
    --widget-title-color: var(--color-title);
    --widget-tab-border-color: var(--tabs-border-bottom);
    --widget-tab-color-link: var(--tabs-color-link);
    --widget-tab-color-active: var(--tabs-color-link);
    --widget-check-color: var(--color-checks);
    --widget-color-alert: var(--color-feedback-danger-01);
    --widget-panel-bg: var(--panel--bg-color);
    --widget-input-bg: var(--color-bg-neutral-03);
    --widget-check-bg-completed: var(--widget-check-color);
	--widget-check-border-completed: var(--widget-check-color);
}