html {
    --bw-000: #000;
    --bw-034: #222;
    --bw-051: #333;
    --bw-068: #444;
    --bw-075: #4b4b4b;
    --bw-080: #505050;
    --bw-085: #555;
    --bw-095: #5f5f5f;
    --bw-105: #696969;
    --bw-110: #6e6e6e;
    --bw-119: #777;
    --bw-126: #7b7b7b;
    --bw-135: #878787;
    --bw-140: #8c8c8c;
    --bw-151: #979797;
    --bw-156: #9c9c9c;
    --bw-161: #a1a1a1;
    --bw-165: #a5a5a5;
    --bw-170: #aaa;
    --bw-177: #b1b1b1;
    --bw-183: #b7b7b7;
    --bw-190: #bebebe;
    --bw-196: #c4c4c4;
    --bw-200: #c8c8c8;
    --bw-205: #cdcdcd;
    --bw-211: #d3d3d3;
    --bw-215: #d7d7d7;
    --bw-221: #ddd;
    --bw-225: #e1e1e1;
    --bw-230: #e6e6e6;
    --bw-238: #eee;
    --bw-240: #f0f0f0;
    --bw-245: #f5f5f5;
    --bw-250: #fafafa;
    --bw-255: #fff;

    /*paleta główna*/
    --color-dark: #26221e;

    --color-grey-bg: #eee;

    --color-amber-900: #f2ebdf;
    --color-amber-600: #ffdb73;
    --color-amber-500: #f9b000;
    --color-amber-400: #f29400;
    --color-amber-300: #e57600;

    --color-red-500: #ca1332;
    --color-red-400: #b3112c;

    --color-green-900: #d1e8c5;
    --color-green-700: #6cff74;
    --color-green-600: #35dd3e;
    --color-green-500: #279d2d;
    --color-green-400: #228927;

    --color-blue-900: #cce4f3;
    --color-blue-800: #5db2e7;
    --color-blue-700: #47a7e4;
    --color-blue-500: #0076c1;
    --color-blue-400: #0066a8;
    --color-blue-300: #004379;
    --color-blue-200: #003764;
    --color-blue-110: #536d88;
    --color-blue-100: #233e56;

    --color-transparent: rgba(0, 0, 0, 0);

    /* oficjalne kolory loga mBank */
    --color-mbank-chathams-blue: #184868;
    --color-mbank-opal: #a4bdc4;
    --color-mbank-cerulean-blue: #0095de;
    --color-mbank-mid-gray: #565a69;
    --color-mbank-flush-orange: #ff8600;
    --color-mbank-daintree: #001b29;

    --color-legacy-title: #2b4f68;
    --color-fx-rates-up: var(--color-green-700);
    --color-fx-rates-down: var(--color-amber-500);
    --color-legacy-message-list: var(--color-gen-106);
    --color-legacy-jqueryUI-select-hover: #224ec3;
    --color-kir-msg-bg: #78bed7;

    /* kolory awatarów firm */
    --color-cmp-01: #aec5e0;
    --color-cmp-02: #77b3cb;
    --color-cmp-03: #77a5cb;
    --color-cmp-04: #7797cb;
    --color-cmp-05: #7789cb;
    --color-cmp-06: #4477b2;
    --color-cmp-07: #bd8b52;
    --color-cmp-08: #cb8f77;
    --color-cmp-09: #cb9d77;
    --color-cmp-10: #cbab77;
    --color-cmp-11: #cbb977;
    --color-cmp-12: #b3aa40;
    --color-cmp-13: #a9b340;
    --color-cmp-14: #95b340;
    --color-cmp-15: #b4c660;
    --color-cmp-16: #d194b9;
    --color-cmp-17: #d194af;
    --color-cmp-18: #d194a5;
    --color-cmp-19: #d1949b;
    --color-cmp-20: #6f9099;
    --color-cmp-21: #8d9fae;
    --color-cmp-22: #8da4ae;
    --color-cmp-23: #8daaae;
    --color-cmp-24: #8daead;
    --color-cmp-25: #abbec3;
    --color-cmp-26: #6fbf71;
    --color-cmp-27: #6fbf99;
    --color-cmp-28: #7bcae1;

    /* fonts */
    --font-size-0: 0;
    --font-size-1: 1px;
    --font-size-2: 2px;
    --font-size-4: 4px;
    --font-size-7: 7px;
    --font-size-8: 8px;
    --font-size-9: 9px;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-26: 26px;
    --font-size-27: 27px;
    --font-size-28: 28px;
    --font-size-29: 29px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-32: 32px;
    --font-size-33: 33px;
    --font-size-34: 34px;
    --font-size-35: 35px;
    --font-size-36: 36px;
    --font-size-37: 37px;
    --font-size-39: 39px;
    --font-size-40: 40px;
    --font-size-42: 42px;
    --font-size-44: 44px;
    --font-size-45: 45px;
    --font-size-48: 48px;
    --font-size-55: 55px;
    --font-size-60: 60px;
    --font-size-64: 64px;
    --font-size-80: 80px;
    --font-size-120: 120px;

    --font-fixed-size-10: 10px;
    --font-fixed-size-11: 11px;
    --font-fixed-size-12: 12px;
    --font-fixed-size-13: 13px;
    --font-fixed-size-14: 14px;
    --font-fixed-size-15: 15px;
    --font-fixed-size-16: 16px;
    --font-fixed-size-17: 17px;
    --font-fixed-size-18: 18px;
    --font-fixed-size-19: 19px;
    --font-fixed-size-20: 20px;
    --font-fixed-size-21: 21px;
    --font-fixed-size-22: 22px;
    --font-fixed-size-23: 23px;
    --font-fixed-size-24: 24px;
    --font-fixed-size-25: 25px;
    --font-fixed-size-26: 26px;
    --font-fixed-size-27: 27px;
    --font-fixed-size-28: 28px;
    --font-fixed-size-29: 29px;
    --font-fixed-size-30: 30px;
    --font-fixed-size-31: 31px;
    --font-fixed-size-32: 32px;
    --font-fixed-size-33: 33px;
    --font-fixed-size-34: 34px;
    --font-fixed-size-35: 35px;
    --font-fixed-size-36: 36px;
    --font-fixed-size-37: 37px;
    --font-fixed-size-39: 39px;
    --font-fixed-size-40: 40px;
    --font-fixed-size-42: 42px;
    --font-fixed-size-44: 44px;
    --font-fixed-size-45: 45px;
    --font-fixed-size-48: 48px;
    --font-fixed-size-55: 55px;
    --font-fixed-size-60: 60px;
    --font-fixed-size-64: 64px;
    --font-fixed-size-80: 80px;
    --font-fixed-size-120: 120px;

    --font-family-legacy-default: "Open Sans", 'sans-serif', 'tahoma', 'arial', 'helvetica';
    --font-family-default: 'Montserrat', 'sans-serif';
    --font-family-mbank: 'mBank', 'sans-serif';
    --font-family-icon: 'icon-font';
    --font-family-icon-old: 'icon-font-old';
    --font-family-monospace: 'monospace';
}
.ds-popover {
    --ds-popover-zindex: 9000 !important;
}