# Design System: Developer Dark — Depth & Elevation

| Level | Treatment | Use |
|-------|-----------|-----|
| Sunken (-1) | Background `#0d1117`, inset feel | Code blocks, terminal areas, input fields |
| Flat (0) | No shadow, border `#1f2937` | Default cards, panels, sidebar |
| Raised (1) | `rgba(0,0,0,0.3) 0px 1px 2px` | Hover states, dropdown triggers |
| Elevated (2) | `rgba(0,0,0,0.4) 0px 4px 6px -1px` | Dropdown menus, popovers, tooltips |
| Overlay (3) | `rgba(0,0,0,0.6) 0px 10px 15px -3px` | Modals, command palette, full-screen overlays |

**Shadow Philosophy**: Shadows are minimal and cool-toned. Structure comes from borders, not elevation. This mirrors terminal interfaces where everything exists on a single plane with colour and borders providing visual separation.
