:root {
    --cp-font-family        : 'Source Sans 3';
    --cp-dark-text-color    : rgba(0, 0, 0, 0.87);
    --cp-light-text-color   : white;
    --cp-toolbar-background : white;
    --cp-body-background    : rgba(29, 29, 27, 0.05);
    --b2c-body-background   : rgba(29, 29, 27, 0.05);
    --b2c-panel-background  : white;

    --cp-primary-50  : #fffbff;
    --cp-primary-100 : #fff8ef;
    --cp-primary-200 : #fff0c7;
    --cp-primary-300 : #ffe17c;
    --cp-primary-400 : #ecc300;
    --cp-primary-500 : #FFD314;
    --cp-primary-600 : #cca800;
    --cp-primary-700 : #8e7500;
    --cp-primary-800 : #483a00;
    --cp-primary-900 : #231b00;

    --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-dark-text-color);
    --cp-primary-contrast-600 : var(--cp-dark-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  : #fcfcff;
    --cp-accent-100 : #f7f9ff;
    --cp-accent-200 : #cce5ff;
    --cp-accent-300 : #91cdff;
    --cp-accent-400 : #56b3f5;
    --cp-accent-500 : #268fcf;
    --cp-accent-600 : #007ebb;
    --cp-accent-700 : #005784;
    --cp-accent-800 : #003f61;
    --cp-accent-900 : #001e31;

    --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-light-text-color);
    --cp-accent-contrast-600 : var(--cp-light-text-color);
    --cp-accent-contrast-700 : var(--cp-light-text-color);
    --cp-accent-contrast-800 : var(--cp-light-text-color);
    --cp-accent-contrast-900 : var(--cp-light-text-color);
}

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

.navbar-header-item-selected {
    background-color: var(--cp-primary-100) !important;
}