/* ============================================================
   DESIGN TOKENS: SHADOWS
   Material Design inspired elevation system
   ============================================================ */

:root {
    /* ========================================
       ELEVATION SHADOWS
       ======================================== */
    --ds-shadow-none: none;
    --ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --ds-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --ds-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}