/* DataProX ERP Visual Utilities (Colors, Backgrounds, Borders, Shadows) */

/* Backgrounds */
.bg-white { background-color: var(--erp-bg-surface) !important; }
.bg-light { background-color: var(--erp-bg-page) !important; }
.bg-transparent { background-color: transparent !important; }

.bg-primary { background-color: var(--erp-color-primary) !important; }
.bg-secondary { background-color: var(--erp-color-slate-500) !important; }
.bg-success { background-color: var(--erp-color-success-500) !important; }
.bg-danger { background-color: var(--erp-color-danger-500) !important; }
.bg-warning { background-color: var(--erp-color-warning-500) !important; }
.bg-info { background-color: #0dcaf0 !important; }

.bg-primary-subtle { background-color: var(--erp-color-primary-50) !important; }
.bg-success-subtle { background-color: var(--erp-color-success-50) !important; }
.bg-warning-subtle { background-color: var(--erp-color-warning-50) !important; }
.bg-danger-subtle { background-color: var(--erp-color-danger-50) !important; }
.bg-secondary-subtle { background-color: var(--erp-color-slate-100) !important; }
.bg-light-subtle { background-color: var(--erp-color-slate-50) !important; }

.bg-slate-50 { background-color: var(--erp-color-slate-50) !important; }

/* Text-BG Utilities */
.text-bg-primary { color: var(--erp-text-inverse) !important; background-color: var(--erp-color-primary) !important; }
.text-bg-secondary { color: var(--erp-text-inverse) !important; background-color: var(--erp-color-slate-500) !important; }
.text-bg-success { color: var(--erp-text-inverse) !important; background-color: var(--erp-color-success-500) !important; }
.text-bg-danger { color: var(--erp-text-inverse) !important; background-color: var(--erp-color-danger-500) !important; }
.text-bg-warning { color: var(--erp-text-primary) !important; background-color: var(--erp-color-warning-500) !important; }
.text-bg-info { color: var(--erp-text-primary) !important; background-color: #0dcaf0 !important; }
.text-bg-light { color: var(--erp-text-primary) !important; background-color: var(--erp-bg-page) !important; }

/* Borders */
.border { border: 1px solid var(--erp-border-default) !important; }
.border-top { border-top: 1px solid var(--erp-border-default) !important; }
.border-bottom { border-bottom: 1px solid var(--erp-border-default) !important; }

.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-2 { border-width: 2px !important; border-style: solid !important; }

.border-primary-subtle { border-color: #93c5fd !important; /* Fallback direct hex to avoid unused tokens */ }
.border-success-subtle { border-color: #86efac !important; }
.border-danger-subtle { border-color: #fca5a5 !important; }
.border-secondary-subtle { border-color: var(--erp-border-light) !important; }

/* Border Radius */
.rounded { border-radius: var(--erp-radius-md) !important; }
.rounded-2 { border-radius: var(--erp-radius-sm) !important; }
.rounded-3 { border-radius: var(--erp-radius-lg) !important; }
.rounded-4 { border-radius: var(--erp-radius-xl) !important; }
.rounded-pill { border-radius: var(--erp-radius-full) !important; }

/* Shadows */
.shadow-none { box-shadow: none !important; }
.shadow-sm { box-shadow: var(--erp-shadow-sm) !important; }
.shadow { box-shadow: var(--erp-shadow-md) !important; }