/* Shadow System - Layered depth through multiple layers */
:root {
  /* Neutral shadows */
  --shadow-xs:
    0 1px 2px oklch(0% 0 0 / 0.03);
  --shadow-sm:
    0 1px 2px oklch(0% 0 0 / 0.04),
    0 2px 4px oklch(0% 0 0 / 0.04);
  --shadow-md:
    0 1px 2px oklch(0% 0 0 / 0.04),
    0 2px 4px oklch(0% 0 0 / 0.04),
    0 4px 8px oklch(0% 0 0 / 0.04);
  --shadow-lg:
    0 2px 4px oklch(0% 0 0 / 0.02),
    0 4px 8px oklch(0% 0 0 / 0.04),
    0 8px 16px oklch(0% 0 0 / 0.06),
    0 16px 32px oklch(0% 0 0 / 0.04);
  --shadow-xl:
    0 4px 8px oklch(0% 0 0 / 0.02),
    0 8px 16px oklch(0% 0 0 / 0.04),
    0 16px 32px oklch(0% 0 0 / 0.06),
    0 24px 48px oklch(0% 0 0 / 0.06);
  --shadow-2xl:
    0 4px 8px oklch(0% 0 0 / 0.02),
    0 8px 16px oklch(0% 0 0 / 0.03),
    0 16px 32px oklch(0% 0 0 / 0.05),
    0 32px 64px oklch(0% 0 0 / 0.08),
    0 48px 96px oklch(0% 0 0 / 0.06);

  /* Colored shadows for primary elements */
  --shadow-primary-sm:
    0 2px 4px oklch(55% 0.22 295 / 0.15),
    0 4px 8px oklch(55% 0.22 295 / 0.10);
  --shadow-primary-md:
    0 4px 8px oklch(55% 0.22 295 / 0.15),
    0 8px 16px oklch(55% 0.22 295 / 0.12),
    0 16px 32px oklch(55% 0.22 295 / 0.08);
}