# Design System

The design uses original CoaxysPanel branding: clean white/light-gray surfaces, thin borders, restrained shadows, strong blue primary accents, and sparing orange highlights.

Tokens live in `src/lib/design-tokens.ts` and `src/app/globals.css`:

- Colors and status colors
- Typography defaults
- Border radii
- Sidebar and header sizing
- Focus rings
- Compact and comfortable density hooks
- Table and form spacing conventions

The UI intentionally favors dense operational screens over marketing layouts.