/*
 * LAW: Depth & Surface System (Phase 2)
 * 
 * Philosophy: Soft, Floating, Calm.
 * NO Hard borders. NO Heavy shadows.
 */

:root {
    /* SHADOWS (Soft & Diffused) */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);

    /* LAYERS (Z-Index) */
    --z-base: 0;
    --z-sticky: 100;
    --z-overlay: 1000;
    --z-modal: 2000;
    --z-toast: 3000;

    /* BORDER RADIUS */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 9999px;
}