/* Variables for use in client theme */

:root {

    --oc-site-width: 1265px;

    --oc-primary_background: #36499b;
    --oc-primary_text: #fff;
    --oc-secondary_text: #36499b;

    --oc-header-bg-color: #36499b;
    --oc-header-color: #fff;

    --oc-breadcrumb-bg-color: #fff;
    --oc-breadcrumb-list-separator-color: #36499B;

    --oc-body-bg-color: #fff;
    --oc-body-color: #3F3F3F;

    --oc-footer-bg-color: #fff;
    --oc-footer-color: #3F3F3F;

    --oc-link-color: #36499B;
    --oc-link-hover-color: #36499B;

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

    --oc-btn-bg-color: #36499B;
    --oc-btn-border-color: #36499B;
    --oc-btn-color: #fff;
    --oc-btn-hover-bg-color: #222e62;
    --oc-btn-hover-border-color: #222e62;
    --oc-btn-hover-color: #fff;

    --oc-chapter-block-bg-color: #EBEDF5;
    --oc-chapter-block-color: #36499B;
    --oc-chapter-block-hover-bg-color: #fff;
    --oc-chapter-block-hover-color: #36499B;

    --oc-chapter-block-border-radius: 22px;

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


    --oc-doc-list-bg-color: #eff0f7;
    --oc-doc-list-border-color: #36499B;
    --oc-doc-list-color: #36499B;
    --oc-doc-list-btn-color: #36499B;

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

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

}