Depot

# Depot — Style Reference
> Deep space console: focused intensity.
Theme: dark

Depot’s aesthetic is a high-contrast dark mode, evoking a command center's precision. Deep, near-black backgrounds frame content, punctuated by vivid green accents that immediately draw the eye to critical interactive elements. A subtle progression of dark grays creates layered surfaces, adding depth and structure without reliance on heavy shadows. The overall impression is one of efficiency and focused power without distraction, like a purpose-built tool designed for speed.

## Colors
| Name | Value | Role |
|------|-------|------|
| Carbon Black | `#04040b` | Primary page background, default text color on light elements. |
| Night Sky | `#121113` | Card backgrounds, section dividers, slightly elevated surfaces. |
| Ash Gray | `#323035` | Button backgrounds, form inputs, secondary content containers. |
| Storm Gray | `#3c393f` | Border colors, subtle dividers, inactive states. |
| Cloud Burst | `#b5b2bc` | Secondary text, subtle icon fill, placeholder text. |
| Snow Drift | `#eeeef0` | Primary text on dark backgrounds, active states for text and icons. |
| Terminal Green | `#71d083` | Call-to-action text, primary interactive element highlights, success states. |
| Canopy Green | `#366740` | Call-to-action button backgrounds when paired with Terminal Green text, active indicators. |
| Link Blue | `#70b8ff` | Hyperlinks, secondary interactive text. |
| Twilight Purple | `#473876` | Border accents for specialized cards or highlight elements. |
| Crimson Spark | `#ff9592` | Alerts or error states, used sparingly for emphasis. |
| Green Burst Gradient | `#46a758` | Decorative hero background accent, draws focus to key sections. |
| Radial Glow Gradient | `#64c878` | Subtle background glow for featured content blocks. |

## Typography
| Family | Role |
|--------|------|
| Red Hat Display Variable | Headlines and prominent display text. The tight letter-spacing gives a modern, compressed feel, making large text feel sharp and precise. |
| Red Hat Text Variable | Body copy, navigation, buttons, and most UI elements. The slightly expanded letter-spacing provides excellent readability on dark backgrounds. |
| Red Hat Mono Variable | Code snippets, technical details, and specific data displays. Its monospace nature ensures alignment for structured information. |