# Design system

The visual language is calm, operational, and premium: white canvas, `#F8F8FA` secondary surfaces, `#18181B` text, `#71717A` muted text, `#E4E4E7` borders, `#6D5DFB` accent (`#5A49E8` hover), green success, amber warning, and red danger. Use a 12px standard radius, 40px compact input/button height, and shadows only to clarify elevation.

Components live in `resources/views/components/ui`: button, input, textarea, select, checkbox, radio group, dialog, dropdown, popover, tooltip, tabs, card, badge, avatar, table, pagination, toast, alert, skeleton, empty state, breadcrumbs, command palette, date picker, uploader, and confirmation dialog. Each needs a semantic label, error presentation, disabled appearance, 2px violet focus ring, and keyboard behavior. Dark mode and decorative gradients are excluded from v1.

The team shell uses a collapsible sidebar, top actions, breadcrumbs, and desktop density. The portal uses a simpler mobile-first navigation with a persistent request action. Loading, empty, error, and success states are a requirement, not optional polish.