Foundations/Shadows

Shadow System

`DSShadow` packages elevation as named presets with color, blur radius, and offset. The same definitions power subdued card depth, elevated overlays, and warm primary glows.

Shadow Presets

DSShadow.none

No shadow

Elements on an elevated surface

DSShadow.sm

rgba(0,0,0,0.06) r:4 y:2

Resting cards, focused inputs

DSShadow.md

rgba(0,0,0,0.08) r:8 y:4

Hovered cards, dropdowns

DSShadow.lg

rgba(0,0,0,0.10) r:16 y:8

Toasts, popovers

DSShadow.xl

rgba(0,0,0,0.14) r:32 y:16

Modals, command palette

DSShadow.primary

primary(0.30) r:16 y:8

Highlighted primary button

DSShadow.glow

primary(0.50) r:24 y:0

Hero elements with glow effect

Usage

Example

import SwiftUI

Card()
    .dsShadow(.md)

Button("Primary")
    .dsShadow(.primary)