html {
    --color-primary-border: #051b71;
    --color-primary-border-active: #00061e;
    --color-primary-border-disabled: #efefef;
    --color-primary-border-hover: #000c3c;
    --color-primary-border-inverted: #e9ecf9;
    --color-primary-border-inverted-active: #fcfdfe;
    --color-primary-border-inverted-disabled: #bebebe;
    --color-primary-border-inverted-hover: #f6f7fc;
    --color-primary-border-inverted-selected: #f6f7fc;
    --color-primary-border-inverted-selected-hover: #fcfdfe;
    --color-primary-border-selected: #000c3c;
    --color-primary-border-selected-hover: #00061e;
    --color-primary-border-unchanged: #051b71;
    --color-primary-border-unchanged-active: #00061e;
    --color-primary-border-unchanged-disabled: #efefef;
    --color-primary-border-unchanged-hover: #000c3c;
    --color-primary-border-unchanged-selected: #000c3c;
    --color-primary-border-unchanged-selected-hover: #00061e;
    --color-primary-brand: #051b71;
    --color-primary-shape: #051b71;
    --color-primary-shape-active: #00061e;
    --color-primary-shape-disabled: #bebebe;
    --color-primary-shape-hover: #000c3c;
    --color-primary-shape-inverted: #e9ecf9;
    --color-primary-shape-inverted-active: #fcfdfe;
    --color-primary-shape-inverted-disabled: #bebebe;
    --color-primary-shape-inverted-hover: #f6f7fc;
    --color-primary-shape-inverted-selected: #f6f7fc;
    --color-primary-shape-inverted-selected-hover: #fcfdfe;
    --color-primary-shape-selected: #000c3c;
    --color-primary-shape-selected-hover: #00061e;
    --color-primary-shape-unchanged: #051b71;
    --color-primary-shape-unchanged-active: #00061e;
    --color-primary-shape-unchanged-disabled: #bebebe;
    --color-primary-shape-unchanged-hover: #000c3c;
    --color-primary-shape-unchanged-inverted: #e9ecf9;
    --color-primary-shape-unchanged-inverted-active: #fcfdfe;
    --color-primary-shape-unchanged-inverted-disabled: #bebebe;
    --color-primary-shape-unchanged-inverted-hover: #f6f7fc;
    --color-primary-shape-unchanged-inverted-selected: #f6f7fc;
    --color-primary-shape-unchanged-inverted-selected-hover: #fcfdfe;
    --color-primary-shape-unchanged-selected: #000c3c;
    --color-primary-shape-unchanged-selected-hover: #00061e;
    --color-primary-surface: #051b71;
    --color-primary-surface-active: #00061e;
    --color-primary-surface-alt: #051b71;
    --color-primary-surface-alt-active: #00061e;
    --color-primary-surface-alt-disabled: #efefef;
    --color-primary-surface-alt-hover: #000c3c;
    --color-primary-surface-alt-selected: #000c3c;
    --color-primary-surface-alt-selected-hover: #00061e;
    --color-primary-surface-disabled: #efefef;
    --color-primary-surface-discrete: #e9ecf9;
    --color-primary-surface-discrete-active: #93a4e6;
    --color-primary-surface-discrete-disabled: #efefef;
    --color-primary-surface-discrete-hover: #bdc7f0;
    --color-primary-surface-discrete-selected: #bdc7f0;
    --color-primary-surface-discrete-selected-hover: #93a4e6;
    --color-primary-surface-hover: #000c3c;
    --color-primary-surface-inverted: #051b71;
    --color-primary-surface-inverted-active: #18339f;
    --color-primary-surface-inverted-disabled: #efefef;
    --color-primary-surface-inverted-hover: #0d2689;
    --color-primary-surface-inverted-selected: #0d2689;
    --color-primary-surface-inverted-selected-hover: #18339f;
    --color-primary-surface-selected: #000c3c;
    --color-primary-surface-selected-hover: #00061e;
    --color-primary-text: #051b71;
    --color-primary-text-active: #00061e;
    --color-primary-text-disabled: #bebebe;
    --color-primary-text-hover: #000c3c;
    --color-primary-text-inverted: #e9ecf9;
    --color-primary-text-inverted-active: #fcfdfe;
    --color-primary-text-inverted-disabled: #bebebe;
    --color-primary-text-inverted-hover: #f6f7fc;
    --color-primary-text-inverted-selected: #f6f7fc;
    --color-primary-text-inverted-selected-hover: #fcfdfe;
    --color-primary-text-selected: #000c3c;
    --color-primary-text-selected-hover: #00061e;
    --color-primary-text-unchanged-inverted: #e9ecf9;
    --color-primary-text-unchanged-inverted-active: #fcfdfe;
    --color-primary-text-unchanged-inverted-disabled: #bebebe;
    --color-primary-text-unchanged-inverted-hover: #f6f7fc;
    --color-primary-text-unchanged-inverted-selected: #f6f7fc;
    --color-primary-text-unchanged-inverted-selected-hover: #fcfdfe;
    --color-secondary-brand: #369ad4;
    --color-tertiary-brand: #e6f0f7;
    --neo-loader-stroke-color: var(--color-primary-surface);
    --size-dim-100: 5px;
    --size-dim-150: 24px;
    --size-dim-200: 40px;
    --size-dim-300: 64px;
    --size-dim-400: 32px;
    --size-dim-1000: 128px;
    --url-brand-small-logo-path: url('Images/Neo/logos/png/32/banque-populaire@2x.png');
}