@theme {
  --shadow-*: initial;

  --inset-shadow-2xs: inset 0 1px rgba(0, 0, 0, 0.05);
  --inset-shadow-xs: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  --inset-shadow-sm: inset 0 2px 4px rgba(0, 0, 0, 0.05);

  --drop-shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.05);
  --drop-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.15);
  --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, 0.12);
  --drop-shadow-lg: 0 4px 4px rgba(0, 0, 0, 0.15);
  --drop-shadow-xl: 0 9px 7px rgba(0, 0, 0, 0.1);
  --drop-shadow-2xl: 0 25px 25px rgba(0, 0, 0, 0.15);
}

/* Custom `box-shadow` utilities */
@utility shadow-2xs { box-shadow: 0 1px rgba(0, 0, 0, 0.05); }
@utility shadow-xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
@utility shadow-sm { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); }
@utility shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }
@utility shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }
@utility shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
@utility shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }