/* content from themes/v7/brand_colors.css */
:root {
    /* set FIRST, as it may be used for other fields */
    --oak-primary-color: #44485C;
    --oak-primary-color-shade: #292B37;	/* 40% darker */
    --oak-primary-color-tint: #C7C8CE;	/* 80% lighter */

    --oak-accent-color: #828F94;
    --oak-accent-color-shade: #687276;
    --oak-accent-color-tint: #B4BCBF;
    --oak-accent-color-light: #BED4E0; /*#CEE2ED;*/

    --oak-link-color-light: #3E65A8;
    --oak-link-color-dark: #89CFF0;

    /* common branding vars ALPHABETICALLY */
    --oak-btn-color-hover: #98A5B1;
    --oak-footer-link: var(--bs-gray-200);
    --oak-input-padding: 0.75rem 1rem 0.25rem 1rem !important;
    --oak-lower-header-background-color: var(--oak-primary-color);
    /*--oak-lower-header-color-hover: var(--bs-white);*/
    --oak-main-background-color: #F3F3F3;
    --oak-tab-not-selected: var(--bs-gray-500);
    --oak-tab-selected: var(--bs-white);
    --oak-upper-header-background-color: var(--bs-white);

    /* brand colorize a common Bootstrap var */
    --bs-heading-color: var(--oak-accent-color); /* override Bootstrap light gray */

    /* graph colors */
    --oak-graph-title-color: var(--oak-primary-color);
    --oak-graph-bar-color: var(--oak-accent-color);

    /* pie chart color range */
    --oak-graph-pie-slice-fill-color-biggest: var(--oak-primary-color); /* use a branded color here */
    --oak-graph-pie-slice-fill-color-smallest: orange; /* keep it light for black text compatibility */
    --oak-graph-pie-slice-text-color: black;
}