$eui-base-tokens-colors: (
    grey: (
        100: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 100),
        90: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 90),
        80: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 80),
        75: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 50),
        35: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 35),
        25: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 25),
        20: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 20),
        15: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 15),
        10: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 5),
        2: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 2),
    ),
    primary: (
        140: eui-color-variant(map-get($ecl-base-colors, 'primary') , 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'primary') , 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'primary') , 120),
        110: eui-color-variant(map-get($ecl-base-colors, 'primary') , 110),
        100: eui-color-variant(map-get($ecl-base-colors, 'primary') , 100),
        75: eui-color-variant(map-get($ecl-base-colors, 'primary') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'primary') , 50),
        25: eui-color-variant(map-get($ecl-base-colors, 'primary') , 25),
        10: eui-color-variant(map-get($ecl-base-colors, 'primary') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'primary') , 5),
    ),
    /*
     * Default ECL accent colors do not follow color variant formula, thus no variant provided
     * adjusted manually by DG COMM, we don't change the colors here
     */
    accent: (
        140: eui-color-variant(map-get($ecl-base-colors, 'yellow-100'), 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'yellow-100'), 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'yellow-120')),
        110: eui-color-variant(map-get($ecl-base-colors, 'yellow-110')),
        100: eui-color-variant(map-get($ecl-base-colors, 'yellow-100')),
        75: eui-color-variant(map-get($ecl-base-colors, 'yellow-75')),
        50: eui-color-variant(map-get($ecl-base-colors, 'yellow-50')),
        25: eui-color-variant(map-get($ecl-base-colors, 'yellow-25')),
        10: eui-color-variant(map-get($ecl-base-colors, 'yellow-100'), 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'yellow-100'), 5),
    ),
    info: (
        140: eui-color-variant(map-get($ecl-base-colors, 'info') , 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'info') , 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'info') , 120),
        110: eui-color-variant(map-get($ecl-base-colors, 'info') , 110),
        100: eui-color-variant(map-get($ecl-base-colors, 'info') , 100),
        75: eui-color-variant(map-get($ecl-base-colors, 'info') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'info') , 50),
        25: eui-color-variant(map-get($ecl-base-colors, 'info') , 25),
        10: eui-color-variant(map-get($ecl-base-colors, 'info') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'info') , 5),
    ),
    success: (
        140: eui-color-variant(map-get($ecl-base-colors, 'success') , 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'success') , 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'success') , 120),
        110: eui-color-variant(map-get($ecl-base-colors, 'success') , 110),
        100: eui-color-variant(map-get($ecl-base-colors, 'success') , 100),
        75: eui-color-variant(map-get($ecl-base-colors, 'success') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'success') , 50),
        25: eui-color-variant(map-get($ecl-base-colors, 'success') , 25),
        10: eui-color-variant(map-get($ecl-base-colors, 'success') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'success') , 5),
    ),
    warning: (
        140: eui-color-variant(map-get($ecl-base-colors, 'warning') , 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'warning') , 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'warning') , 120),
        110: eui-color-variant(map-get($ecl-base-colors, 'warning') , 110),
        100: eui-color-variant(map-get($ecl-base-colors, 'warning') , 100),
        75: eui-color-variant(map-get($ecl-base-colors, 'warning') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'warning') , 50),
        25: eui-color-variant(map-get($ecl-base-colors, 'warning') , 25),
        10: eui-color-variant(map-get($ecl-base-colors, 'warning') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'warning') , 5),
    ),
    danger: (
        140: eui-color-variant(map-get($ecl-base-colors, 'red') , 140),
        130: eui-color-variant(map-get($ecl-base-colors, 'red') , 130),
        120: eui-color-variant(map-get($ecl-base-colors, 'red') , 120),
        110: eui-color-variant(map-get($ecl-base-colors, 'red') , 110),
        100: eui-color-variant(map-get($ecl-base-colors, 'red') , 100),
        75: eui-color-variant(map-get($ecl-base-colors, 'red') , 75),
        50: eui-color-variant(map-get($ecl-base-colors, 'red') , 50),
        25: eui-color-variant(map-get($ecl-base-colors, 'red') , 25),
        10: eui-color-variant(map-get($ecl-base-colors, 'red') , 10),
        5: eui-color-variant(map-get($ecl-base-colors, 'red') , 5),
    )
);

$eui-base-tokens-color-text: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 100);



// v15 deprecated
// // TEMPORARY FOR backward compatibility issues... ONLY FOR UTILITIES exposure

$eui-base-tokens-colors-100s: (
    grey: eui-color-variant(map-get($ecl-base-colors, 'grey-100') , 50), // special case for this one as it goes down in light shades
    primary: eui-color-variant(map-get($ecl-base-colors, 'primary') , 100),
    accent: eui-color-variant(map-get($ecl-base-colors, 'yellow-100')),
    info: eui-color-variant(map-get($ecl-base-colors, 'info') , 100),
    success: eui-color-variant(map-get($ecl-base-colors, 'success') , 100),
    warning: eui-color-variant(map-get($ecl-base-colors, 'warning') , 100),
    danger: eui-color-variant(map-get($ecl-base-colors, 'red') , 100),
);

$eui-base-tokens-colors-names: (
    primary: (
        darkester: eui-color-variant(map-get($ecl-base-colors, 'primary') , 140),
        darkest: eui-color-variant(map-get($ecl-base-colors, 'primary') , 130),
        darker: eui-color-variant(map-get($ecl-base-colors, 'primary') , 120),
        dark: eui-color-variant(map-get($ecl-base-colors, 'primary') , 110),
        // 100: eui-color-variant(map-get($ecl-base-colors, 'primary') , 100),
        light: eui-color-variant(map-get($ecl-base-colors, 'primary') , 75),
        lighter: eui-color-variant(map-get($ecl-base-colors, 'primary') , 50),
        lightest: eui-color-variant(map-get($ecl-base-colors, 'primary') , 25),
        lightester: eui-color-variant(map-get($ecl-base-colors, 'primary') , 10),
        lightester-2: eui-color-variant(map-get($ecl-base-colors, 'primary') , 5),
    ),
    info: (
        darkester: eui-color-variant(map-get($ecl-base-colors, 'info') , 140),
        darkest: eui-color-variant(map-get($ecl-base-colors, 'info') , 130),
        darker: eui-color-variant(map-get($ecl-base-colors, 'info') , 120),
        dark: eui-color-variant(map-get($ecl-base-colors, 'info') , 110),
        // 100: eui-color-variant(map-get($ecl-base-colors, 'info') , 100),
        light: eui-color-variant(map-get($ecl-base-colors, 'info') , 75),
        lighter: eui-color-variant(map-get($ecl-base-colors, 'info') , 50),
        lightest: eui-color-variant(map-get($ecl-base-colors, 'info') , 25),
        lightester: eui-color-variant(map-get($ecl-base-colors, 'info') , 10),
        lightester-2: eui-color-variant(map-get($ecl-base-colors, 'info') , 5),
    ),
    success: (
        darkester: eui-color-variant(map-get($ecl-base-colors, 'success') , 140),
        darkest: eui-color-variant(map-get($ecl-base-colors, 'success') , 130),
        darker: eui-color-variant(map-get($ecl-base-colors, 'success') , 120),
        dark: eui-color-variant(map-get($ecl-base-colors, 'success') , 110),
        // 100: eui-color-variant(map-get($ecl-base-colors, 'success') , 100),
        light: eui-color-variant(map-get($ecl-base-colors, 'success') , 75),
        lighter: eui-color-variant(map-get($ecl-base-colors, 'success') , 50),
        lightest: eui-color-variant(map-get($ecl-base-colors, 'success') , 25),
        lightester: eui-color-variant(map-get($ecl-base-colors, 'success') , 10),
        lightester-2: eui-color-variant(map-get($ecl-base-colors, 'success') , 5),
    ),
    warning: (
        darkester: eui-color-variant(map-get($ecl-base-colors, 'warning') , 140),
        darkest: eui-color-variant(map-get($ecl-base-colors, 'warning') , 130),
        darker: eui-color-variant(map-get($ecl-base-colors, 'warning') , 120),
        dark: eui-color-variant(map-get($ecl-base-colors, 'warning') , 110),
        // 100: eui-color-variant(map-get($ecl-base-colors, 'warning') , 100),
        light: eui-color-variant(map-get($ecl-base-colors, 'warning') , 75),
        lighter: eui-color-variant(map-get($ecl-base-colors, 'warning') , 50),
        lightest: eui-color-variant(map-get($ecl-base-colors, 'warning') , 25),
        lightester: eui-color-variant(map-get($ecl-base-colors, 'warning') , 10),
        lightester-2: eui-color-variant(map-get($ecl-base-colors, 'warning') , 5),
    ),
    danger: (
        darkester: eui-color-variant(map-get($ecl-base-colors, 'red') , 140),
        darkest: eui-color-variant(map-get($ecl-base-colors, 'red') , 130),
        darker: eui-color-variant(map-get($ecl-base-colors, 'red') , 120),
        dark: eui-color-variant(map-get($ecl-base-colors, 'red') , 110),
        // 100: eui-color-variant(map-get($ecl-base-colors, 'red') , 100),
        light: eui-color-variant(map-get($ecl-base-colors, 'red') , 75),
        lighter: eui-color-variant(map-get($ecl-base-colors, 'red') , 50),
        lightest: eui-color-variant(map-get($ecl-base-colors, 'red') , 25),
        lightester: eui-color-variant(map-get($ecl-base-colors, 'red') , 10),
        lightester-2: eui-color-variant(map-get($ecl-base-colors, 'red') , 5),
    )
);
