@use "sass:map";

$_default-elevation: (
    1: (
        0 0.3px 0.9px rgba(0, 0, 0, 0.1),
        0 1.6px 3.6px rgba(0, 0, 0, 0.13)
    ),
    2: (
        0 1px 2px 0 rgba(0, 0, 0, 0.14),
        0 0 2px 0 rgba(0, 0, 0, 0.12)
    ),
    3: (
        0 2px 4px 0 rgba(0, 0, 0, 0.14),
        0 0 2px 0 rgba(0, 0, 0, 0.12)
    ),
    4: (
        0 4px 8px 0 rgba(0, 0, 0, 0.14),
        0 0 2px 0 rgba(0, 0, 0, 0.12)
    ),
    5: (
        0 8px 16px 0 rgba(0, 0, 0, 0.14),
        0 0 2px 0 rgba(0, 0, 0, 0.12)
    ),
    6: (
        0 14px 28.8px 0 rgba(0, 0, 0, 0.24),
       0 0 8px 0 rgba(0, 0, 0, 0.20)
    ),
    7: (
        0 20px 38px 0 rgba(0, 0, 0, 0.24),
         0 0 8px 0 rgba(0, 0, 0, 0.20)
    ),
    8: (
        0 32px 64px 0 rgba(0, 0, 0, 0.24), // Missing step 8 in the Design
         0 0 8px 0 rgba(0, 0, 0, 0.20)
    ),
    9: (
        0 32px 64px 0 rgba(0, 0, 0, 0.24),
        0 0 8px 0 rgba(0, 0, 0, 0.20)
    )
);

/// The global default Elevation map.
/// @group elevation
$kendo-elevation: $_default-elevation !default;