/* Variables for use in client theme */

:root {

    --oc-site-width: 1230px;

    --oc-primary_background: #862041;
    --oc-primary_text: #fff;
    --oc-secondary_text: #862041;

    --oc-header-bg-color: #fff;
    --oc-header-color: #862041;

    --oc-breadcrumb-bg-color: #efede2;
    --oc-breadcrumb-list-separator-color: #212529;
    --oc-breadcrumb-color: #862041;

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

    --oc-heading-underline: #862041;

    --oc-footer-bg-color: #343434;
    --oc-footer-color: #fff;

    --oc-link-color: #862041;
    --oc-link-hover-color: #aa627a;

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

    --oc-btn-bg-color: #fff;
    --oc-btn-border-color: #999;
    --oc-btn-color: #444;
    --oc-btn-hover-bg-color: #005A30;
    --oc-btn-hover-border-color: #005A30;
    --oc-btn-hover-color: #fff;

    --oc-chapter-block-bg-color: #fff;
    --oc-chapter-block-color: #333;
    --oc-chapter-block-hover-bg-color: #fcfcfc;
    --oc-chapter-block-hover-color: #aa627a;

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

    --oc-chapter-block-image-bg-color: #862041; /* 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: rgba(0,0,0,0.05);
    --oc-doc-list-color: #862041;
    --oc-doc-list-btn-color: #862041;

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

}
