:root {
    --bg-body-color: #dadce1;
    --bg-page-color: #eeeeee;
    --bg-header-color: #dedede;
    --bg-nav-color: #d0d0d0;
    --bg-nav-inactive-color: #c8c8c8;
    --bg-nav-hover-color: #707070;
    --bg-nav-active-color: #000000;
    --bg-footer-color: #7e879d;
    --tx-footer-color: #3d424f;
    --tx-nav-color: #404040;
    --tx-image-header-color: #6080b0;
    --tx-image-header-strong-color: #269696;
    --tx-nav-inactive-color: #808080;
    --tx-nav-hover-color: #ffffff;
    --tx-nav-active-color: #ffffff;
    --dialog-bg-color:#d0d0d0;
    --button-color: #2c8bd6;
    --button-light-color: #35a6ff;
    --button-hover-color:#0076bf;
    --button-light-hover-color:#0287d9;
    --button-active-color:#124e7d;
    --button-text-color: #ffffff;
    --button-text-hover-color: #ffffff;
    --button-text-active-color: #ffffff;
    --disabled-button-bg-color: #a4a4a4;
    --progress-initial-color: #cd6200;
    --in-progress-color: #0076bf;
    --progress-done-color: #049325;
    --images-bg-color: var(--bg-page-color);
    --tx-image-details-color: #707070;
    --image-bg-color: white;
    --cb-sel-color: #0090d0;
    --cb-sel-used-color: #9000d0;
    --tx-static-image-file-color: #01685a;

    /* banner */
    --bg-banner-color: #7e879d;
    --tx-banner-color: #efefef;
    --tx-banner-darker-color: #3d424f;
    /* header */
    --tx-header-color: #efefef;
    --bg-divider-color: #cdced0;

    --bg-coaching-point-color: #dfe1e6;
    /* meet olga */
    /* coaching */
    /* why me */
    /* services */
    --bg-content-color: #e0e2e8;
    --tx-content-color: #525a70;/*#606779;*/
    --tx-link-color: #606779;
    --tx-link-hover-color: #527eee;
    --tx-link-active-color: #bd52ee;
    --bg-services-circle-color: #ffffff;
    --bg-service-point-color: #dadae3;

    /* contact me attributes*/
    --tx-contactme-header-color: #405040;
    --tx-contactme-header-line-color: #506050;
    --bg-contactme-color: #cad5d0;
    --tx-contactme-label-color: #505050;
    --tx-contactme-label-super-color: #b35e5e;
    --tx-contactme-input-border-color: #b6b9c4;
    --tx-contactme-input-focus-border-color: #91adff;
    --tx-contactme-input-color: #405040;

    /* generic button styles */
    --tx-btn-orange-color: #5e677e;
    --tx-btn-orange-hover-color: #d0d0d0;
    --tx-btn-orange-active-color: #d0d0d0;
    --bg-btn-orange-color: #ffaa7f;
    --bg-btn-orange-focus-color: #ed9a70;
    --bg-btn-orange-hover-color: #d0805a;
    --bg-btn-orange-active-color: #505050;

    /* button links */
    --tx-link-light-color: #d0d0d0;
    --tx-link-light-focus-color: #fff;
    --tx-link-light-hover-color: #fff;
    --tx-link-light-active-color: #ffaa7f;
    --tx-link-dark-color: #000; /* TODO */
    --tx-link-dark-focus-color: blue; /* TODO */
    --tx-link-dark-hover-color: #black; /* TODO */
    --tx-link-dark-active-color: #a0a0a0; /* TODO */
    /* drop down and mobile menus */
    --tx-menu-color: var(--tx-content-color);
    --tx-menu-hover-color: #eaeaea;
    --bg-menu-color: var(--bg-page-color);
    --bg-menu-hover-color: #a0a7b7;
}