:root {
            --cp-font-family       : 'Source Sans 3';
            --cp-dark-text-color   : rgba(0, 0, 0, 0.87);
            --cp-light-text-color  : #ffffff;
            --cp-toolbar-text-color : var(--cp-dark-text-color);
            --cp-toolbar-background: #ffffff;
            --cp-body-background   : #fafafa;
            --b2c-body-background  : var(--cp-primary-50);
            --b2c-panel-background : #fafafa;

            --cp-primary-50: #e0f4fd;
            --cp-primary-100: #b2e2f9;
            --cp-primary-200: #7fcef5;
            --cp-primary-300: #4ebcef;
            --cp-primary-400: #2aaeed;
            --cp-primary-500: #0c9fe9;
            --cp-primary-600: #0c92da;
            --cp-primary-700: #0a7fc6;
            --cp-primary-800: #096fb2;
            --cp-primary-900: #064f90;
            --cp-primary-contrast-50 : var(--cp-dark-text-color);
            --cp-primary-contrast-100: var(--cp-dark-text-color);
            --cp-primary-contrast-200: var(--cp-dark-text-color);
            --cp-primary-contrast-300: var(--cp-dark-text-color);
            --cp-primary-contrast-400: var(--cp-dark-text-color);
            --cp-primary-contrast-500: var(--cp-light-text-color);
            --cp-primary-contrast-600: var(--cp-light-text-color);
            --cp-primary-contrast-700: var(--cp-light-text-color);
            --cp-primary-contrast-800: var(--cp-light-text-color);
            --cp-primary-contrast-900: var(--cp-light-text-color);
            --cp-accent-50: #fefde6;
            --cp-accent-100: #fdfac1;
            --cp-accent-200: #fbf697;
            --cp-accent-300: #faf26b;
            --cp-accent-400: #f7ed45;
            --cp-accent-500: #f4e812;
            --cp-accent-600: #f8d912;
            --cp-accent-700: #f8c100;
            --cp-accent-800: #f8a800;
            --cp-accent-900: #f77d00;
            --cp-accent-contrast-50 : var(--cp-dark-text-color);
            --cp-accent-contrast-100: var(--cp-dark-text-color);
            --cp-accent-contrast-200: var(--cp-dark-text-color);
            --cp-accent-contrast-300: var(--cp-dark-text-color);
            --cp-accent-contrast-400: var(--cp-dark-text-color);
            --cp-accent-contrast-500: var(--cp-dark-text-color);
            --cp-accent-contrast-600: var(--cp-dark-text-color);
            --cp-accent-contrast-700: var(--cp-dark-text-color);
            --cp-accent-contrast-800: var(--cp-dark-text-color);
            --cp-accent-contrast-900: var(--cp-dark-text-color);
        }

        .mat-toolbar.mat-primary {
            color: var(--cp-dark-text-color) !important;
        }

        .navbar-header-item-selected {
            background-color: var(--cp-accent-400) !important;
   }
     .mat-toolbar .mdc-button { --cp-primary-contrast-500: var(--cp-primary-500); } }