:root {
    --oc-site-width: 64rem;

    --header-bg-color: #fff;
    --header-color: #000;
    --header-mobile-bg-color: #093566;

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

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

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

    --link-color: #1d599e;
    --link-hover-color: #093566;

    --btn-bg-color: #F6BF35;
    --btn-border-color: #F6BF35;
    --btn-color: #333;
    --btn-hover-bg-color: #fd8;
    --btn-hover-border-color: #fd8;
    --btn-hover-color: #093566;
    --btn-active-bg-color: #1d599e;
    --btn-active-color: #fff;

    --chapter-block-bg-color: #f1f1f1;
    --chapter-block-color: #1b5191;
    --chapter-block-hover-bg-color: #1b5191;
    --chapter-block-hover-color: #fff;

    --chapter-block-image-bg-color: #1b5191;
    --chapter-block-image-color: #fff;

    --doc-list-bg-color: #e1e1e1;
    --doc-list-border-color: #e1e1e1;
    --doc-list-color: #0c3f79;
    --doc-list-btn-color: #0c3f79;

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

}