/* Variables for use in client theme */

:root {

    --oc-site-width: 1090px;

    --primary_background: #2c2d84;
    --primary_text: #fff;
    --secondary_text: #2c2d84;

    --header-bg-color: #2c2d84;
    --header-color: #fff;

    --breadcrumb-bg-color: #fff;
    --breadcrumb-list-separator-color: #d0cdc4;

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

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

    --link-color: #3245A8;
    --link-hover-color: #1F1F71;

    --focus-color: #000;
    --focus-bg-color: #fd0;

    --btn-bg-color: #2c2d84;
    --btn-border-color: #2c2d84;
    --btn-color: #fff;
    --btn-hover-bg-color: #a0c9ff;
    --btn-hover-border-color: #a0c9ff;
    --btn-hover-color: #202020;

    --chapter-block-bg-color: #2c2d84;
    --chapter-block-color: #fff;
    --chapter-block-hover-bg-color: #a0c9ff;
    --chapter-block-hover-color: #202020;

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


    --doc-list-bg-color: #efefef;
    --doc-list-border-color: #efefef;
    --doc-list-color: #3245A8;
    --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;

}