// =======================================
// 🌑 Shadow Variables
// =======================================
// Consistent multi-layer shadows for cards, modals, buttons, and UI elements.
// Usage example: box-shadow: $box-shadow-01;
// =======================================



// ---------------------------------------
// 🔲 Shadow 01 — Small / Subtle
// ---------------------------------------
$box-shadow-01:
        -42px 232px 141px 0 #8B8B8C0D,
        -19px 63px 105px 0 #8B8B8C1A,
        -5px 26px 58px 0 #8B8B8C26;


// ---------------------------------------
// 🔲 Shadow 02 — Medium Elevation
// ---------------------------------------
$box-shadow-02:
        50px 30px 30px 10px #0000000D,
        60px 100px 30px 0 #0000000D;

// ---------------------------------------
// 🔲 Shadow 03 — Large / Floating
// ---------------------------------------
$box-shadow-03: rgba(0, 0, 0, 0.1) 0 4px 12px;

// ---------------------------------------
// 🔲 Shadow 04 — Deep / Complex
// ---------------------------------------
$box-shadow-04: 0 1px 2px 0 rgba(139, 139, 140, 0.25) inset;

// ---------------------------------------
// 🔲 Shadow 05 — Deep / Complex
// ---------------------------------------
$box-shadow-05:
        0px 2px 3px 0px rgba(82, 82, 86, 0.5),
        0px 2px 10px 0px rgba(82, 82, 86, 0.09);

// ---------------------------------------
// 🔲 Shadow 06 — Deep / Complex
// ---------------------------------------
$box-shadow-06:
        0px 2px 20px 0px rgba(86, 86, 95, 0.1),
        0px 1px 3px 0px rgba(86, 86, 95, 0.2);


// ---------------------------------------
// 🔲 Shadow 07 — Deep / Complex
// ---------------------------------------
$box-shadow-07:
        -5px 26px 58px 0px rgba(86, 86, 95, 0.08),
        -19px 103px 105px 0px rgba(86, 86, 95, 0.07),
        -42px 232px 141px 0px rgba(86, 86, 95, 0.05),
        -75px 412px 168px 0px rgba(86, 86, 95, 0.01),
        -118px 644px 183px 0px rgba(86, 86, 95, 0);