html {
    --color-legacy-message-list: var(--color-gen-106);
    --color-modal-background: var(--color-grey-bg);
    --color-modal-current-page-background: var(--bw-255);
    --color-modal-chips-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025);
    --color-modal-header-action-background: var(--bw-255);
    --color-todo-tile-not-accepted-schemas: #eee3e3;

    --color-gen-050: #f6f3ea;
    --color-gen-246: #00000000;
    --color-gen-245: #1a000000;
    --color-gen-104: #f9fcfd;
    --color-gen-048: #f2f6f9;
    --color-gen-125: #eff3f7;
    --color-gen-060: #eef0f3;
    --color-gen-101: #edeef2;
    --color-gen-004: #eae9e6;
    --color-gen-057: #e5ebf1;
    --color-gen-134: #deebec;
    --color-gen-024: #e1e6eb;
    --color-gen-215: #dce8f0;
    --color-gen-259: #d8e5ed;
    --color-gen-191: #d2e0e8;
    --color-gen-036: #dde0e5;
    --color-gen-038: #d5dee2;
    --color-gen-053: #d6dbe7;
    --color-gen-269: #ced7e1;
    --color-gen-034: #e9e5d9;
    --color-gen-051: #e3ddcc;
    --color-gen-055: #efebef;
    --color-gen-207: #eee3e3;
    --color-gen-202: #c4e7ef;
    --color-gen-257: #d0b9a0;
    --color-gen-254: #cab67a;
    --color-gen-251: #d194aa;
    --color-gen-252: #5e6fc3;
    --color-gen-136: #28328c;
    --color-gen-139: #0a246a;
    --color-gen-070: #53a8bc;
    --color-gen-064: #73a2d0;
    --color-gen-250: #6ca1c3;
    --color-gen-066: #c9ced7;
    --color-gen-049: #bcc8d3;
    --color-gen-068: #b2c4d5;
    --color-gen-043: #a9b9c6;
    --color-gen-195: #9db6bd;
    --color-gen-248: #8da7ae;
    --color-gen-228: #a0d3e8;
    --color-gen-075: #8fb7cc;
    --color-gen-061: #7e9db9;
    --color-gen-267: #647f98;
    --color-gen-073: #4d6f90;
    --color-gen-052: #336290;
    --color-gen-129: #bdc4ca;
    --color-gen-110: #c9cbcc;
    --color-gen-128: #b8b9bc;
    --color-gen-040: #b0adad;
    --color-gen-151: #a0a1a2;
    --color-gen-220: #22222287;
    --color-gen-199: #7c7b7b;
    --color-gen-256: #6c6e71;
    --color-gen-127: #606161;
    --color-gen-120: #4b4c4e;
    --color-gen-106: #404142;
    --color-gen-121: #010000;

    --main-head-border-color: var(--bw-215);

    /* buttons */
    --button-color-primary: var(--bw-255);
    --button-color-secondary: var(--bw-255);
    --button-color-tertiary: var(--color-blue-500);
    --button-color-red: var(--bw-255);
    --button-color-orange: var(--bw-255);
    --button-color-green: var(--bw-255);
    --button-color-disabled: var(--bw-255);

    --button-background-color-primary: var(--color-blue-500);
    --button-background-color-secondary: var(--color-blue-800);
    --button-background-color-secondary-no-transparent: var(--button-background-color-secondary);
    --button-background-color-secondary-grid: var(--color-blue-800);
    --button-background-color-tertiary: transparent;
    --button-background-color-red: var(--color-red-500);
    --button-background-color-orange: var(--color-amber-500);
    --button-background-color-green: var(--color-green-500);
    --button-background-color-disabled: var(--bw-215);

    --button-border-color-primary: transparent;
    --button-border-color-secondary: transparent;
    --button-border-color-tertiary: transparent;
    --button-border-color-red: transparent;
    --button-border-color-orange: transparent;
    --button-border-color-green: transparent;
    --button-border-color-disabled: transparent;

    --button-color-hover-primary: var(--bw-255);
    --button-color-hover-secondary: var(--bw-255);
    --button-color-hover-tertiary: var(--color-blue-500);
    --button-color-hover-red: var(--bw-255);
    --button-color-hover-orange: var(--bw-255);
    --button-color-hover-green: var(--bw-255);

    --button-background-color-hover-primary: var(--color-blue-400);
    --button-background-color-hover-secondary: var(--color-blue-700);
    --button-background-color-hover-secondary-grid: var(--color-blue-700);
    --button-background-color-hover-tertiary: transparent;
    --button-background-color-hover-red: var(--color-red-400);
    --button-background-color-hover-orange: var(--color-amber-400);
    --button-background-color-hover-green: var(--color-green-400);

    --button-border-color-hover-primary: transparent;
    --button-border-color-hover-secondary: transparent;
    --button-border-color-hover-tertiary: transparent;
    --button-border-color-hover-red: transparent;
    --button-border-color-hover-orange: transparent;
    --button-border-color-hover-green: transparent;
}

/* legacy - glownie admin - zmiana bgcolor na kolor tokeny, tylko MCN2! */
[mcn2-bgcolor='white'], [mcn2-bgcolor='fff'], [mcn2-bgcolor='FFF'], [mcn2-bgcolor='ffffff'], [mcn2-bgcolor='FFFFFF'] {
    background-color: var(--bw-255)
}
[mcn2-bgcolor='F6F3EA']  { background-color: var(--color-gen-050) }
[mcn2-bgcolor='00000000']  { background-color: var(--color-gen-246) }
[mcn2-bgcolor='1A000000']  { background-color: var(--color-gen-245) }
[mcn2-bgcolor='F9FCFD']  { background-color: var(--color-gen-104) }
[mcn2-bgcolor='F2F6F9']  { background-color: var(--color-gen-048) }
[mcn2-bgcolor='EFF3F7']  { background-color: var(--color-gen-125) }
[mcn2-bgcolor='EEF0F3']  { background-color: var(--color-gen-060) }
[mcn2-bgcolor='EDEEF2']  { background-color: var(--color-gen-101) }
[mcn2-bgcolor='EAE9E6']  { background-color: var(--color-gen-004) }
[mcn2-bgcolor='E5EBF1']  { background-color: var(--color-gen-057) }
[mcn2-bgcolor='DEEBEC']  { background-color: var(--color-gen-134) }
[mcn2-bgcolor='E1E6EB']  { background-color: var(--color-gen-024) }
[mcn2-bgcolor='DCE8F0']  { background-color: var(--color-gen-215) }
[mcn2-bgcolor='D8E5ED']  { background-color: var(--color-gen-259) }
[mcn2-bgcolor='D2E0E8']  { background-color: var(--color-gen-191) }
[mcn2-bgcolor='DDE0E5']  { background-color: var(--color-gen-036) }
[mcn2-bgcolor='D5DEE2']  { background-color: var(--color-gen-038) }
[mcn2-bgcolor='D6DBE7']  { background-color: var(--color-gen-053) }
[mcn2-bgcolor='CED7E1']  { background-color: var(--color-gen-269) }
[mcn2-bgcolor='E9E5D9']  { background-color: var(--color-gen-034) }
[mcn2-bgcolor='E3DDCC']  { background-color: var(--color-gen-051) }
[mcn2-bgcolor='EFEBEF']  { background-color: var(--color-gen-055) }
[mcn2-bgcolor='EEE3E3']  { background-color: var(--color-gen-207) }
[mcn2-bgcolor='C4E7EF']  { background-color: var(--color-gen-202) }
[mcn2-bgcolor='D0B9A0']  { background-color: var(--color-gen-257) }
[mcn2-bgcolor='CAB67A']  { background-color: var(--color-gen-254) }
[mcn2-bgcolor='D194AA']  { background-color: var(--color-gen-251) }
[mcn2-bgcolor='5E6FC3']  { background-color: var(--color-gen-252) }
[mcn2-bgcolor='224EC3']  { background-color: var(--color-legacy-jqueryUI-select-hover) }
[mcn2-bgcolor='28328C']  { background-color: var(--color-gen-136) }
[mcn2-bgcolor='0A246A']  { background-color: var(--color-gen-139) }
[mcn2-bgcolor='53A8BC']  { background-color: var(--color-gen-070) }
[mcn2-bgcolor='73A2D0']  { background-color: var(--color-gen-064) }
[mcn2-bgcolor='6CA1C3']  { background-color: var(--color-gen-250) }
[mcn2-bgcolor='C9CED7']  { background-color: var(--color-gen-066) }
[mcn2-bgcolor='BCC8D3']  { background-color: var(--color-gen-049) }
[mcn2-bgcolor='B2C4D5']  { background-color: var(--color-gen-068) }
[mcn2-bgcolor='A9B9C6']  { background-color: var(--color-gen-043) }
[mcn2-bgcolor='A4BDC4']  { background-color: var(--color-mbank-opal) }
[mcn2-bgcolor='9DB6BD']  { background-color: var(--color-gen-195) }
[mcn2-bgcolor='8DA7AE']  { background-color: var(--color-gen-248) }
[mcn2-bgcolor='565A69']  { background-color: var(--color-mbank-mid-gray) }
[mcn2-bgcolor='A0D3E8']  { background-color: var(--color-gen-228) }
[mcn2-bgcolor='8FB7CC']  { background-color: var(--color-gen-075) }
[mcn2-bgcolor='7E9DB9']  { background-color: var(--color-gen-061) }
[mcn2-bgcolor='647F98']  { background-color: var(--color-gen-267) }
[mcn2-bgcolor='4D6F90']  { background-color: var(--color-gen-073) }
[mcn2-bgcolor='336290']  { background-color: var(--color-gen-052) }
[mcn2-bgcolor='2B4F68']  { background-color: var(--color-legacy-title) }
[mcn2-bgcolor='184868']  { background-color: var(--color-mbank-chathams-blue) }
[mcn2-bgcolor='BDC4CA']  { background-color: var(--color-gen-129) }
[mcn2-bgcolor='C9CBCC']  { background-color: var(--color-gen-110) }
[mcn2-bgcolor='B8B9BC']  { background-color: var(--color-gen-128) }
[mcn2-bgcolor='B0ADAD']  { background-color: var(--color-gen-040) }
[mcn2-bgcolor='A0A1A2']  { background-color: var(--color-gen-151) }
[mcn2-bgcolor='22222287']  { background-color: var(--color-gen-220) }
[mcn2-bgcolor='7C7B7B']  { background-color: var(--color-gen-199) }
[mcn2-bgcolor='6C6E71']  { background-color: var(--color-gen-256) }
[mcn2-bgcolor='606161']  { background-color: var(--color-gen-127) }
[mcn2-bgcolor='4B4C4E']  { background-color: var(--color-gen-120) }
[mcn2-bgcolor='404142']  { background-color: var(--color-gen-106) }
[mcn2-bgcolor='001B29']  { background-color: var(--color-mbank-daintree) }
[mcn2-bgcolor='010000']  { background-color: var(--color-gen-121) }