//Light Theme

$material-light: () !default;
$material-light: map-deep-merge(
    (
        'text': (
            'theme': map-get($shades, 'white'),
            'primary': map-get($shades, 'black'),
            //'primary': rgba(map-get($shades, 'black'), 0.87),
            'secondary': rgba(map-get($shades, 'black'), 0.6),
            'disabled': rgba(map-get($shades, 'black'), 0.38),
            'link': map-get($blue, 'darken-2'),
            //'hovered': map-get($grey, 'lighten-4'),
            'link-hover': map-get($grey, 'darken-3')
        ),
        'background': (
            'theme': map-get($shades, 'white'),
            'hovered': map-get($grey, 'lighten-4'),
        ),
    ),
    $material-light
);


//Dark Theme

$material-dark-elevation-colors: () !default;
// https://material.io/design/color/dark-theme.html#properties
// https://material.io/design/environment/elevation.html#default-elevations
$material-dark-elevation-colors: map-deep-merge(
    (
        '0': #000000,
        '1': #1E1E1E,
        '2': #222222,
        '3': #252525,
        '4': #272727,
        '6': #2C2C2C,
        '8': #2E2E2E,
        '12': #333333,
        '16': #363636,
        '24': #373737
    ),
    $material-dark-elevation-colors
);

$material-dark: () !default;
$material-dark: map-deep-merge(
    (
        'text': (
            'theme': map-get($shades, 'white'),
            'primary': map-get($shades, 'white'),
            'secondary': rgba(map-get($shades, 'white'), 0.7),
            'disabled': rgba(map-get($shades, 'white'), 0.5),
            'link': map-get($blue, 'accent-1'),
            //'hovered': map-get($material-dark-elevation-colors, '4'),
            'link-hover': map-get($grey, 'lighten-3')
        ),
        'background': (
            'theme': map-get($material-dark-elevation-colors, '1'),
            'hovered': map-get($material-dark-elevation-colors, '4'),
        ),
    ),
    $material-dark
);