$themes: (
        blue: (
                primary: #0068C8,
                primary-1: #1977cd,
                primary-2: #3386d3,
                primary-3: #4c95d8,
                primary-4: #66a4de,
                primary-5: #7fb3e3,
                primary-6: #99c3e9,
                primary-7: #b2d1ee,
                primary-8: #cce1f4,
                primary-9: #e5eff9,
                success: #42b983,
                success-1: #a0dcc1,
                success-2: #d9f1e6,
                warning: #ff954f,
                warning-1: #ffcaa6,
                warning-2: #ffeadc,
                danger: #f56c6c,
                danger-1: #f8bdbd,
                danger-2: #fde5e5,
                main: #000,
                secondary: #64666d,
                border: #bbc5d9,
                background: #ecf1f6,
                stripe: #f8f9fc,
                base: #fff,
                hover: #e1e7f1,
                active: #c9d1e1,
                placeholder: rgba(255, 255, 255, 0.3)
        ),
        grey: (
                primary: #303255,
                primary-1: #444666,
                primary-2: #595b77,
                primary-3: #6e6f88,
                primary-4: #838499,
                primary-5: #9798aa,
                primary-6: #acadbb,
                primary-7: #c0c1cc,
                primary-8: #d6d6dd,
                primary-9: #eaeaee,
                success: #42b983,
                success-1: #a0dcc1,
                success-2: #d9f1e6,
                warning: #ff954f,
                warning-1: #ffcaa6,
                warning-2: #ffeadc,
                danger: #f56c6c,
                danger-1: #f8bdbd,
                danger-2: #fde5e5,
                main: #000,
                secondary: #64666d,
                border: #8385a4,
                background: #ecf1f6,
                stripe: #f8f9fc,
                base: #fff,
                hover: #dfe2ec,
                active: #d8d9e4,
                placeholder: rgba(255, 255, 255, 0.3)
        )
);

$sizes: (
        mini: (
                base-width: 28px,
                base-height: 28px,
                base-line-height:28px,
                input-number-line-height:26px,
                form-item-margin-bottom: 4px,
                form-item-icon-bottom:14px,
                search-option-icon-top:6px,
                multiple-search-option-icon-top:5px,
                select-dropdown-item-height: 34px,
                table-cell-height:30px,
                table-header-line-height:23px,
                table-header-height:38px,
                input-suffix-top: 3px,
                input-error-icon-top: 6px,
                tag-small-height:24px,
                tag-small-line-height:22px,
                multiple-select-input-height:24px
        ),
        tiny: (
                base-width: 22px,
                base-height: 22px,
                base-line-height:22px,
                input-number-line-height:20px,
                form-item-margin-bottom: 2px,
                form-item-icon-bottom:11px,
                search-option-icon-top:3px,
                multiple-search-option-icon-top:2px,
                select-dropdown-item-height: 27px,
                table-cell-height:24px,
                table-header-line-height:16px,
                table-header-height:30px,
                input-suffix-top: 0px,
                input-error-icon-top: 2px,
                tag-small-height:18px,
                tag-small-line-height:16px,
                multiple-select-input-height:20px
        )
);