/* HIPAA Platform Standardized Color System */

:root {
  /* Primary Brand Colors */
  --primary-blue: #0d6efd;
  --primary-blue-dark: #0a58ca;
  --primary-blue-light: #6ea8fe;
  
  /* Secondary Colors */
  --success-green: #198754;
  --success-green-dark: #146c43;
  --success-green-light: #75b798;
  
  --warning-orange: #fd7e14;
  --warning-orange-dark: #e8590c;
  --warning-orange-light: #ffb366;
  
  --danger-red: #dc3545;
  --danger-red-dark: #b02a37;
  --danger-red-light: #ea868f;
  
  --info-cyan: #0dcaf0;
  --info-cyan-dark: #087990;
  --info-cyan-light: #6edff6;
  
  /* Neutral Colors */
  --dark-bg: #212529;
  --dark-bg-lighter: #2c3034;
  --dark-bg-card: #343a40;
  --text-light: #ffffff;
  --text-muted: #6c757d;
  --text-secondary: #adb5bd;
  
  /* Accent Colors */
  --supplier-purple: #7952b3;
  --supplier-purple-dark: #664d96;
  --manufacturer-teal: #20c997;
  --manufacturer-teal-dark: #1aa179;
  
  /* Border Colors */
  --border-light: #495057;
  --border-primary: var(--primary-blue);
  --border-success: var(--success-green);
  --border-warning: var(--warning-orange);
  --border-danger: var(--danger-red);
}

/* Standard Button Classes */
.btn-platform-primary {
  background-color: var(--primary-blue);
  border-color: var(--primary-blue);
  color: var(--text-light);
}

.btn-platform-primary:hover {
  background-color: var(--primary-blue-dark);
  border-color: var(--primary-blue-dark);
  color: var(--text-light);
}

.btn-platform-success {
  background-color: var(--success-green);
  border-color: var(--success-green);
  color: var(--text-light);
}

.btn-platform-success:hover {
  background-color: var(--success-green-dark);
  border-color: var(--success-green-dark);
  color: var(--text-light);
}

.btn-platform-warning {
  background-color: var(--warning-orange);
  border-color: var(--warning-orange);
  color: var(--text-light);
}

.btn-platform-warning:hover {
  background-color: var(--warning-orange-dark);
  border-color: var(--warning-orange-dark);
  color: var(--text-light);
}

.btn-platform-danger {
  background-color: var(--danger-red);
  border-color: var(--danger-red);
  color: var(--text-light);
}

.btn-platform-danger:hover {
  background-color: var(--danger-red-dark);
  border-color: var(--danger-red-dark);
  color: var(--text-light);
}

.btn-platform-info {
  background-color: var(--info-cyan);
  border-color: var(--info-cyan);
  color: var(--dark-bg);
}

.btn-platform-info:hover {
  background-color: var(--info-cyan-dark);
  border-color: var(--info-cyan-dark);
  color: var(--text-light);
}

.btn-supplier {
  background-color: var(--supplier-purple);
  border-color: var(--supplier-purple);
  color: var(--text-light);
}

.btn-supplier:hover {
  background-color: var(--supplier-purple-dark);
  border-color: var(--supplier-purple-dark);
  color: var(--text-light);
}

.btn-manufacturer {
  background-color: var(--manufacturer-teal);
  border-color: var(--manufacturer-teal);
  color: var(--text-light);
}

.btn-manufacturer:hover {
  background-color: var(--manufacturer-teal-dark);
  border-color: var(--manufacturer-teal-dark);
  color: var(--text-light);
}

/* Background Classes */
.bg-platform-primary { background-color: var(--primary-blue) !important; }
.bg-platform-success { background-color: var(--success-green) !important; }
.bg-platform-warning { background-color: var(--warning-orange) !important; }
.bg-platform-danger { background-color: var(--danger-red) !important; }
.bg-platform-info { background-color: var(--info-cyan) !important; }
.bg-platform-dark { background-color: var(--dark-bg) !important; }
.bg-platform-card { background-color: var(--dark-bg-card) !important; }
.bg-supplier { background-color: var(--supplier-purple) !important; }
.bg-manufacturer { background-color: var(--manufacturer-teal) !important; }

/* Text Classes */
.text-platform-primary { color: var(--primary-blue) !important; }
.text-platform-success { color: var(--success-green) !important; }
.text-platform-warning { color: var(--warning-orange) !important; }
.text-platform-danger { color: var(--danger-red) !important; }
.text-platform-info { color: var(--info-cyan) !important; }
.text-platform-light { color: var(--text-light) !important; }
.text-platform-muted { color: var(--text-muted) !important; }
.text-platform-secondary { color: var(--text-secondary) !important; }
.text-supplier { color: var(--supplier-purple) !important; }
.text-manufacturer { color: var(--manufacturer-teal) !important; }

/* Border Classes */
.border-platform-primary { border-color: var(--border-primary) !important; }
.border-platform-success { border-color: var(--border-success) !important; }
.border-platform-warning { border-color: var(--border-warning) !important; }
.border-platform-danger { border-color: var(--border-danger) !important; }
.border-platform-light { border-color: var(--border-light) !important; }
.border-supplier { border-color: var(--supplier-purple) !important; }
.border-manufacturer { border-color: var(--manufacturer-teal) !important; }

/* Card Styles */
.card-platform {
  background-color: var(--dark-bg-card);
  border-color: var(--border-light);
  color: var(--text-light);
}

.card-platform-primary {
  background-color: var(--dark-bg-card);
  border-color: var(--primary-blue);
  border-width: 2px;
  color: var(--text-light);
}

.card-platform-success {
  background-color: var(--dark-bg-card);
  border-color: var(--success-green);
  border-width: 2px;
  color: var(--text-light);
}

.card-supplier {
  background-color: var(--dark-bg-card);
  border-color: var(--supplier-purple);
  border-width: 2px;
  color: var(--text-light);
}

.card-manufacturer {
  background-color: var(--dark-bg-card);
  border-color: var(--manufacturer-teal);
  border-width: 2px;
  color: var(--text-light);
}

/* Alert Styles */
.alert-platform-primary {
  background-color: rgba(13, 110, 253, 0.1);
  border-color: var(--primary-blue);
  color: var(--primary-blue-light);
}

.alert-platform-success {
  background-color: rgba(25, 135, 84, 0.1);
  border-color: var(--success-green);
  color: var(--success-green-light);
}

.alert-platform-warning {
  background-color: rgba(253, 126, 20, 0.1);
  border-color: var(--warning-orange);
  color: var(--warning-orange-light);
}

.alert-platform-danger {
  background-color: rgba(220, 53, 69, 0.1);
  border-color: var(--danger-red);
  color: var(--danger-red-light);
}

.alert-platform-info {
  background-color: rgba(13, 202, 240, 0.1);
  border-color: var(--info-cyan);
  color: var(--info-cyan-light);
}

/* Badge Styles */
.badge-platform-primary { background-color: var(--primary-blue); }
.badge-platform-success { background-color: var(--success-green); }
.badge-platform-warning { background-color: var(--warning-orange); }
.badge-platform-danger { background-color: var(--danger-red); }
.badge-platform-info { background-color: var(--info-cyan); color: var(--dark-bg); }
.badge-supplier { background-color: var(--supplier-purple); }
.badge-manufacturer { background-color: var(--manufacturer-teal); }

/* Navigation Styles */
.navbar-platform {
  background-color: var(--dark-bg);
  border-bottom: 2px solid var(--primary-blue);
}

.nav-link-platform {
  color: var(--text-secondary);
  transition: color 0.3s ease;
}

.nav-link-platform:hover {
  color: var(--primary-blue-light);
}

.nav-link-platform.active {
  color: var(--primary-blue);
}

/* Form Styles */
.form-control-platform {
  background-color: var(--dark-bg-lighter);
  border-color: var(--border-light);
  color: var(--text-light);
}

.form-control-platform:focus {
  background-color: var(--dark-bg-lighter);
  border-color: var(--primary-blue);
  color: var(--text-light);
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Table Styles */
.table-platform {
  background-color: var(--dark-bg-card);
  color: var(--text-light);
}

.table-platform th {
  background-color: var(--primary-blue);
  color: var(--text-light);
  border-color: var(--border-light);
}

.table-platform td {
  border-color: var(--border-light);
}

.table-platform tbody tr:hover {
  background-color: rgba(13, 110, 253, 0.1);
}

/* Modal Styles */
.modal-platform .modal-content {
  background-color: var(--dark-bg-card);
  color: var(--text-light);
  border: 1px solid var(--border-light);
}

.modal-platform .modal-header {
  border-bottom-color: var(--border-light);
}

.modal-platform .modal-footer {
  border-top-color: var(--border-light);
}

/* Progress Bar Styles */
.progress-platform {
  background-color: var(--dark-bg-lighter);
}

.progress-bar-platform {
  background-color: var(--primary-blue);
}

.progress-bar-success-platform {
  background-color: var(--success-green);
}

.progress-bar-warning-platform {
  background-color: var(--warning-orange);
}

.progress-bar-danger-platform {
  background-color: var(--danger-red);
}