/* Variables for use in client theme */

:root {

    --oc-site-width: 1200px;

    --oc-primary_background: #327abd;
    --oc-primary_text: #fff;
    --oc-secondary_text: #327abd;

    --oc-header-bg-color: #fff;
    --oc-header-color: #327abd;

    --oc-header-logo-color-red: #e40415;
    --oc-header-logo-color-blue: #327abd;
    --oc-header-link-hover: #d92644;

    --oc-breadcrumb-bg-color: #fff;
    --oc-breadcrumb-list-separator-color: #327abd;
    --oc-breadcrumb-color: #1869b4;

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

    --oc-footer-bg-color: #4d565f;
    --oc-footer-color: #fbfbfb;
    --oc-footer-top-bg-color: #4d565f;
    --oc-footer-bottom-bg-color: #4f5b67;

    --oc-link-color: #327abd;
    --oc-link-hover-color: #327abd;

    --oc-focus-color: #364753;
    --oc-focus-bg-color: #f2ba41;

    --oc-btn-bg-color: #d92644;
    --oc-btn-border-color: #d92644;
    --oc-btn-color: #fff;
    --oc-btn-hover-bg-color: #364753;
    --oc-btn-hover-border-color: #d92644;
    --oc-btn-hover-color: #fff;

    --oc-chapter-block-bg-color: #007f3b;
    --oc-chapter-block-color: #fff;
    --oc-chapter-block-hover-bg-color: #00662f;
    --oc-chapter-block-hover-color: #fff;

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

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


    --oc-doc-list-bg-color: #007f3b;
    --oc-doc-list-border-color: #007f3b;
    --oc-doc-list-color: #3245A8;
    --oc-doc-list-btn-color: #fff;
    --oc-doc-list-bg-hover-color: #00662f;

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

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

}