/**
 * iMart USSD — Theme override: welcome page colors across Keen template
 * Primary: #cc2229 (red), Navy: #0a1628, surfaces and grays aligned with welcome
 */
:root,
[data-bs-theme="light"] {
  /* Primary = welcome red */
  --bs-primary: #cc2229;
  --bs-primary-rgb: 204, 34, 41;
  --bs-primary-text-emphasis: #7a1519;
  --bs-primary-bg-subtle: #fde8e9;
  --bs-primary-border-subtle: #f5b8bb;
  /* Links */
  --bs-link-color: #cc2229;
  --bs-link-color-rgb: 204, 34, 41;
  --bs-link-hover-color: #e02830;
  --bs-link-hover-color-rgb: 224, 40, 48;
  /* Success = same as primary (no green; logo colors only) */
  --bs-success: #cc2229;
  --bs-success-rgb: 204, 34, 41;
  --bs-success-text-emphasis: #7a1519;
  --bs-success-bg-subtle: #fde8e9;
  --bs-success-border-subtle: #f5b8bb;
  /* Danger = same red family */
  --bs-danger: #cc2229;
  --bs-danger-rgb: 204, 34, 41;
  --bs-danger-text-emphasis: #7a1519;
  --bs-danger-bg-subtle: #fde8e9;
  --bs-danger-border-subtle: #f5b8bb;
  /* Grays / text — align with welcome light */
  --bs-body-color: #0a1628;
  --bs-body-color-rgb: 10, 22, 40;
  --bs-heading-color: #0a1628;
  --bs-gray-900: #0a1628;
  --bs-gray-800: #252F4A;
  --bs-gray-700: #4a6a90;
  --bs-gray-600: #5a6a80;
  --bs-gray-500: #6a8db0;
}

[data-bs-theme="dark"] {
  /* Navy background and surfaces (welcome dark) */
  --bs-body-bg: #0a1628;
  --bs-body-bg-rgb: 10, 22, 40;
  --bs-body-color: #c8dff0;
  --bs-body-color-rgb: 200, 223, 240;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-heading-color: #c8dff0;
  /* Primary = welcome red */e
  --bs-primary: #cc2229;
  --bs-primary-rgb: 204, 34, 41;
  --bs-primary-text-emphasis: #ff6b72;
  --bs-primary-bg-subtle: #1a0a0c;
  --bs-primary-border-subtle: #7a1519;
  /* Links */
  --bs-link-color: #e02830;
  --bs-link-color-rgb: 224, 40, 48;
  --bs-link-hover-color: #ff3d44;
  --bs-link-hover-color-rgb: 255, 61, 68;
  /* Secondary/tertiary = welcome surfaces */
  --bs-secondary-color: rgba(200, 223, 240, 0.75);
  --bs-secondary-color-rgb: 200, 223, 240;
  --bs-secondary-bg: #0f1e35;
  --bs-secondary-bg-rgb: 15, 30, 53;
  --bs-tertiary-color: rgba(200, 223, 240, 0.5);
  --bs-tertiary-color-rgb: 200, 223, 240;
  --bs-tertiary-bg: #162744;
  --bs-tertiary-bg-rgb: 22, 39, 68;
  /* Success = primary (no green) */
  --bs-success: #cc2229;
  --bs-success-rgb: 204, 34, 41;
  --bs-success-text-emphasis: #ff6b72;
  --bs-success-bg-subtle: #1a0a0c;
  --bs-success-border-subtle: #7a1519;
  /* Danger = red */
  --bs-danger: #cc2229;
  --bs-danger-rgb: 204, 34, 41;
  --bs-danger-text-emphasis: #ff6b72;
  --bs-danger-bg-subtle: #1a0a0c;
  --bs-danger-border-subtle: #7a1519;
  /* Borders */
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.12);
  /* Light/dark subtle */
  --bs-light-bg-subtle: #0f1e35;
  --bs-dark-bg-subtle: #0a1628;
  --bs-light-border-subtle: rgba(255, 255, 255, 0.08);
  --bs-dark-border-subtle: #162744;
}

/* Keen app header/sidebar use body-bg and gray vars; optional overrides for header border */
[data-bs-theme="dark"] .app-header-primary {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* Force all success/light-success to use primary (no green anywhere) */
.bg-success, .btn-success, .badge-success, .text-success,
.bg-light-success, .btn-light-success, .badge-light-success, .text-light-success,
.form-check-success .form-check-input:checked {
  --bs-success: #cc2229;
  --bs-success-rgb: 204, 34, 41;
}
.bg-success { background-color: #cc2229 !important; }
.btn-success { background-color: #cc2229 !important; border-color: #cc2229 !important; }
.btn-success:hover { background-color: #e02830 !important; border-color: #e02830 !important; }
.text-success { color: #cc2229 !important; }
.badge-success, .badge-light-success { background-color: rgba(204, 34, 41, 0.15) !important; color: #cc2229 !important; }
.bg-light-success { background-color: rgba(204, 34, 41, 0.1) !important; }
.btn-light-success { background-color: rgba(204, 34, 41, 0.12) !important; color: #cc2229 !important; }
.btn-light-success:hover { background-color: rgba(204, 34, 41, 0.2) !important; color: #cc2229 !important; }
.symbol-label.bg-light-success, .symbol-label.bg-success { background-color: rgba(204, 34, 41, 0.2) !important; }
.symbol-label.text-success, .ki-duotone.text-success { color: #cc2229 !important; }
.progress .bg-success { background-color: #cc2229 !important; }
[data-bs-theme="dark"] .bg-success { background-color: #cc2229 !important; }
[data-bs-theme="dark"] .text-success { color: #ff6b72 !important; }
[data-bs-theme="dark"] .badge-success, [data-bs-theme="dark"] .badge-light-success { background-color: rgba(204, 34, 41, 0.25) !important; color: #ff6b72 !important; }
[data-bs-theme="dark"] .bg-light-success { background-color: rgba(204, 34, 41, 0.15) !important; }
[data-bs-theme="dark"] .btn-light-success { background-color: rgba(204, 34, 41, 0.2) !important; color: #ff6b72 !important; }

/* All light-primary buttons = minimal red (like System Health), no green/blue */
.btn-light-primary,
a.btn-light-primary,
button.btn-light-primary {
  background-color: rgba(204, 34, 41, 0.1) !important;
  color: #cc2229 !important;
  border-color: rgba(204, 34, 41, 0.25) !important;
}
.btn-light-primary:hover,
a.btn-light-primary:hover,
button.btn-light-primary:hover {
  background-color: rgba(204, 34, 41, 0.18) !important;
  color: #cc2229 !important;
  border-color: rgba(204, 34, 41, 0.4) !important;
}
[data-bs-theme="dark"] .btn-light-primary,
[data-bs-theme="dark"] a.btn-light-primary,
[data-bs-theme="dark"] button.btn-light-primary {
  background-color: rgba(204, 34, 41, 0.15) !important;
  color: #ff6b72 !important;
  border-color: rgba(204, 34, 41, 0.3) !important;
}
[data-bs-theme="dark"] .btn-light-primary:hover,
[data-bs-theme="dark"] a.btn-light-primary:hover,
[data-bs-theme="dark"] button.btn-light-primary:hover {
  background-color: rgba(204, 34, 41, 0.25) !important;
  color: #ff6b72 !important;
}

/* Badge & bg light-primary = minimal red */
.badge-light-primary { background-color: rgba(204, 34, 41, 0.15) !important; color: #cc2229 !important; }
.bg-light-primary { background-color: rgba(204, 34, 41, 0.12) !important; }
[data-bs-theme="dark"] .badge-light-primary { background-color: rgba(204, 34, 41, 0.25) !important; color: #ff6b72 !important; }
[data-bs-theme="dark"] .bg-light-primary { background-color: rgba(204, 34, 41, 0.18) !important; }

/* btn-light-danger = same minimal red as System Health buttons */
.btn-light-danger,
a.btn-light-danger,
button.btn-light-danger {
  background-color: rgba(204, 34, 41, 0.1) !important;
  color: #cc2229 !important;
  border-color: rgba(204, 34, 41, 0.25) !important;
}
.btn-light-danger:hover,
a.btn-light-danger:hover,
button.btn-light-danger:hover {
  background-color: rgba(204, 34, 41, 0.18) !important;
  color: #cc2229 !important;
  border-color: rgba(204, 34, 41, 0.4) !important;
}
[data-bs-theme="dark"] .btn-light-danger,
[data-bs-theme="dark"] a.btn-light-danger,
[data-bs-theme="dark"] button.btn-light-danger {
  background-color: rgba(204, 34, 41, 0.15) !important;
  color: #ff6b72 !important;
  border-color: rgba(204, 34, 41, 0.3) !important;
}
[data-bs-theme="dark"] .btn-light-danger:hover,
[data-bs-theme="dark"] a.btn-light-danger:hover,
[data-bs-theme="dark"] button.btn-light-danger:hover {
  background-color: rgba(204, 34, 41, 0.25) !important;
  color: #ff6b72 !important;
}

/* ═══ NO GREEN ANYWHERE — tables, alerts, icons, add buttons ═══ */
.alert-success { background-color: rgba(204, 34, 41, 0.12) !important; border-color: rgba(204, 34, 41, 0.35) !important; color: #0a1628 !important; }
.alert-success .text-success, .alert-success i.text-success { color: #cc2229 !important; }
.btn-icon-success, .btn-light-success.btn-icon { background-color: rgba(204, 34, 41, 0.12) !important; color: #cc2229 !important; }
.btn-icon-success:hover, .btn-light-success.btn-icon:hover { background-color: rgba(204, 34, 41, 0.2) !important; color: #cc2229 !important; }
.badge-success.badge-circle { background-color: #cc2229 !important; }
/* Any class containing -success- or light-success */
[class*="light-success"], [class*="btn-success"]:not(.btn-light-danger) { background-color: rgba(204, 34, 41, 0.12) !important; color: #cc2229 !important; border-color: rgba(204, 34, 41, 0.25) !important; }
[class*="light-success"]:hover, [class*="btn-success"]:not(.btn-light-danger):hover { background-color: rgba(204, 34, 41, 0.2) !important; }
/* Tailwind green → red (system-wide) */
.bg-green-50, .bg-green-100 { background-color: rgba(204, 34, 41, 0.1) !important; }
.bg-green-600, .bg-green-700 { background-color: #cc2229 !important; }
.bg-green-600:hover, .bg-green-700:hover, .hover\:bg-green-700:hover { background-color: #e02830 !important; }
.text-green-500, .text-green-600, .text-green-800 { color: #cc2229 !important; }
.text-green-600:hover, .text-green-800:hover, .hover\:text-green-900:hover { color: #7a1519 !important; }
.text-green-400, .dark\:text-green-400 { color: #e02830 !important; }
.form-check-success .form-check-input:checked, .form-check-success.form-check-solid .form-check-input:checked { background-color: #cc2229 !important; border-color: #cc2229 !important; }
.form-check-success .form-check-input:focus, .form-check-success .form-check-input:checked { border-color: #cc2229 !important; }
[data-bs-theme="dark"] .alert-success { background-color: rgba(204, 34, 41, 0.18) !important; border-color: rgba(204, 34, 41, 0.4) !important; color: #c8dff0 !important; }
[data-bs-theme="dark"] .alert-success .text-success { color: #ff6b72 !important; }