// =======================================
// 🌑 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:
        0px 2px 20px 0px rgba(86, 86, 95, 0.10),
        0px 1px 3px 0px rgba(86, 86, 95, 0.20);


// ---------------------------------------
// 🔲 Shadow 02 — Medium Elevation
// ---------------------------------------
$box-shadow-02:
        0px 10px 20px 0px rgba(86, 86, 95, 0.15),
        0px 4px 10px 0px rgba(86, 86, 95, 0.05);


// ---------------------------------------
// 🔲 Shadow 03 — Large / Floating
// ---------------------------------------
$box-shadow-03:
        0px 20px 50px 0px rgba(86, 86, 95, 0.15),
        0px 50px 50px 0px rgba(86, 86, 95, 0.05);


// ---------------------------------------
// 🔲 Shadow 04 — Deep / Complex
// ---------------------------------------
$box-shadow-04:
        -5px 26px 58px 0px rgba(86, 86, 95, 0.20),
        -19px 103px 105px 0px rgba(86, 86, 95, 0.13),
        -42px 232px 141px 0px rgba(86, 86, 95, 0.05);


// ---------------------------------------
// 🔲 Shadow 05 — Deep / Complex
// ---------------------------------------
$box-shadow-05:
        -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);


// ---------------------------------------
// 🔲 Shadow 06 — Deep / Complex
// ---------------------------------------
$box-shadow-06:
        0px 2px 4px -2px rgba(10, 13, 18, 0.06),
        0px 4px 8px -2px rgba(10, 13, 18, 0.1)