Prettier

site/docs/foundations/shadow.mdx

@@ -9,7 +9,7 @@ Shadow creates the perception of depth and distance between layers, establishing
 
 ## Shadow ramps
 
-Salt provides a ramp consisting of five levels of shadow, ranging from shadow-100 to shadow-500. Each level has specific horizontal and vertical offsets that change as the shadows grow, providing a graduated effect between soft and strong shadows. 
+Salt provides a ramp consisting of five levels of shadow, ranging from shadow-100 to shadow-500. Each level has specific horizontal and vertical offsets that change as the shadows grow, providing a graduated effect between soft and strong shadows.
 
 <Image
   src="/img/foundations/shadow-ramps.png"
@@ -28,18 +28,18 @@ There are six shadow levels to choose from.
 
 ## Scrollable area: Shadow-100
 
-Shadow-100 is the closest to the surface and is used exclusively for scrollable areas  where the content exceeds the visible screen space, allowing users to scroll up or down. This is typically positioned at the top of an overflowing area, providing a subtle hint of depth without casting a noticeable shadow. 
+Shadow-100 is the closest to the surface and is used exclusively for scrollable areas where the content exceeds the visible screen space, allowing users to scroll up or down. This is typically positioned at the top of an overflowing area, providing a subtle hint of depth without casting a noticeable shadow.
 
 ## Region: Shadow-200
 
-Shadow-200 introduces a slight elevation, offering a soft shadow that begins to separate elements from the background. This level is suitable for components that require a gentle lift, such as cards or small panels. 
+Shadow-200 introduces a slight elevation, offering a soft shadow that begins to separate elements from the background. This level is suitable for components that require a gentle lift, such as cards or small panels.
 
 <Image
   src="/img/foundations/shadow-container.png"
   alt="Diagram showing a region shadow on a container."
 />
 
-## Hover: Shadow-300 
+## Hover: Shadow-300
 
 Shadow-300 provides a moderate level of separation with a more pronounced shadow. It is ideal for elements that need to stand out more distinctly, such as dropdown menus or tooltips.
 
@@ -52,16 +52,16 @@ Shadow-400 offers a strong contrast with well-defined edges, making it perfect f
   alt="Diagram showing a pop-out shadow."
 />
 
-## Modal: Shadow-500 
+## Modal: Shadow-500
 
-Shadow-500 is the furthest away from the surface and is reserved for modal dialogs only. It creates a dramatic effect with a strong shadow, ensuring that modal dialogs are clearly distinguished from the rest of the content. For a modal, the user must interact with the overlay window, which typically has a scrim behind it, before interacting with the page content.  
+Shadow-500 is the furthest away from the surface and is reserved for modal dialogs only. It creates a dramatic effect with a strong shadow, ensuring that modal dialogs are clearly distinguished from the rest of the content. For a modal, the user must interact with the overlay window, which typically has a scrim behind it, before interacting with the page content.
 
 <Image
   src="/img/foundations/shadow-modal.png"
   alt="Diagram showing a modal shadow."
 />
 
-## Scrim 
+## Scrim
 
 A scrim is a darkened or lightened surface that obscures the background by making the underlying content appear subdued. Scrims can be full screen or only occupy a region, allowing for a greater modal elevation.