/* Variables for use in client theme */

:root {

    --oc-site-width: 1164px;

    --oc-primary_background: #223a76;
    --oc-primary_text: #fff;
    --oc-secondary_text: #223a76;

    --oc-header-bg-color: #223a76;
    --oc-header-color: #fff;

    --oc-breadcrumb-bg-color: #fff;
    --oc-breadcrumb-list-separator-color: #242424;
    --oc-breadcrumb-color: #223a76;
    --oc-breadcrumb-hover-color: #32872d;

    --oc-body-bg-color: #fff;
    --oc-body-color: #242424;

    --oc-footer-bg-color: #223a76;
    --oc-footer-color: #fff;

    --oc-link-color: #223a76;
    --oc-link-hover-color: #32872d;

    --oc-focus-color: #000;
    --oc-focus-bg-color: #2196F3;

    --oc-btn-bg-color: #32872d;
    --oc-btn-border-color: #32872d;
    --oc-btn-color: #fff;
    --oc-btn-hover-bg-color: #223a76;
    --oc-btn-hover-border-color: #223a76;
    --oc-btn-hover-color: #fff;

    --oc-chapter-block-bg-color: #fff;
    --oc-chapter-block-color: #223a76;
    --oc-chapter-block-hover-bg-color: #fff;
    --oc-chapter-block-hover-color: #32872d;

    --oc-chapter-block-border-radius: 0;

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


    --oc-doc-list-bg-color: #fff;
    --oc-doc-list-border-color: #fff;
    --oc-doc-list-color: #3245A8;
    --oc-doc-list-btn-color: #223a76;
    --oc-doc-list-btn-hover-color: #32872d;

    --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;

}