Revert card/modal/container borders to original light colors
User feedback: Form controls with dark borders (#555) work fine, but
card/modal/container borders looked bad with dark colors.
Reverted to original light borders:
- Cards, card-header, card-footer: #ebeef4 (light gray)
- Modals: #ebeef4 (light gray)
- Dropdowns: #ebeef4 (light gray)
- Breadcrumb: #ebeef4 (light gray)
- List groups: #ebeef4 (light gray)
- Box/Panel components: #ebeef4 (light gray)
- Profile/User cards: #ebeef4 (light gray)
- Dashboard cards: #ebeef4 (light gray)
- Sidebar/Header: #ebeef4 (light gray)
- Tables: #ddd (moderate gray, slightly darker than cards)
KEPT dark borders (user says these work fine):
- Form controls (input, select, textarea): #555 (dark gray)
- Form control focus: #333 (very dark)
- Input groups: #555 (dark gray)
- Select2: #555 (dark gray)
- jQuery UI: #666 (dark gray)
Final result: Dark, highly visible borders only on interactive form
controls. Subtle, professional light borders on structural containers.