:root {
    --oc-site-width: 1280px;

    --header-bg-color: #757575;
    --header-color: #fff;

    --breadcrumb-bg-color: #000;
    --breadcrumb-color: #fff;
    --breadcrumb-list-separator-color: #fff;
    --breadcrumb-active-color: #ffca38;

    --body-bg-color: #fff;
    --body-color: #000;

    --footer-bg-color: #000;
    --footer-color: #fff;

    --link-color: #0000ff;
    --link-hover-color: #0000ff;
    --link-focus-color: #000;
    --link-focus-bg-color: #afebff;
    --link-visited-color: #800080;

    --btn-bg-color: #ffca38;
    --btn-border-color: #000;
    --btn-color: #000;
    --btn-hover-bg-color: #f7941e;
    --btn-hover-border-color: #000;
    --btn-hover-color: #000;

    --chapter-block-bg-color: #ffca38;
    --chapter-block-color: #000;
    --chapter-block-hover-bg-color: #ffca38;
    --chapter-block-hover-color: #000;
    --chapter-block-border-bottom-color: #00ac5b;
    --chapter-block-border-color: #fff;

    --chapter-block-image-bg-color: #00ac5b; /* may be different if theme colours don't work on images */
    --chapter-block-image-color: #fff;

    --doc-list-bg-color: #ffca38;
    --doc-list-border-color: #fff;
    --doc-list-color: #000;
    --doc-list-btn-color: #000;

    --rep-wizard-border-color: silver;
    --rep-wizard-bg-color: #fff;
    --rep-wizard-heading-color: #888;

    --back-to-top-bg-color: #fff;
    --back-to-top-color: #000;
    --back-to-top-link-color: #000;
    --back-to-top-hover-bg-color: #888;

    --list-marker-color: #00ac5b;

    --chapter-navigation-color: #000;

}