/* Custom theme to override Bootstrap colors for SEOMT app */
:root {
  --theme-primary: #4f46e5; /* Indigo-600 */
  --theme-primary-contrast: #ffffff;
  --theme-success: #10b981; /* Emerald-500 */
  --theme-danger: #ef4444; /* Red-500 */
  --theme-info: #06b6d4; /* Cyan-500 */
  --theme-warning: #f59e0b; /* Amber-500 */
  --theme-secondary: #6b7280; /* Gray-500 */
  --page-bg: #f8fafc; /* very light */
  --card-bg: #ffffff;
  --muted-text: #6b7280;
}

/* Page background and text */
body {
  background-color: var(--page-bg) !important;
  color: #111827;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Navbar */
.navbar-custom {
  background: linear-gradient(90deg, rgba(79,70,229,1) 0%, rgba(96,165,250,0.95) 100%);
  color: var(--theme-primary-contrast);
}
.navbar-custom .navbar-brand, .navbar-custom .nav-link, .navbar-custom .navbar-text {
  color: var(--theme-primary-contrast) !important;
}

/* Override Bootstrap color utilities */
.bg-primary { background-color: var(--theme-primary) !important; }
.text-primary { color: var(--theme-primary) !important; }
.border-primary { border-color: var(--theme-primary) !important; }
.btn-primary { background-color: var(--theme-primary) !important; border-color: var(--theme-primary) !important; color: var(--theme-primary-contrast) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: #4338ca !important; border-color: #4338ca !important; }

.bg-success { background-color: var(--theme-success) !important; }
.text-success { color: var(--theme-success) !important; }
.border-success { border-color: var(--theme-success) !important; }

.bg-danger { background-color: var(--theme-danger) !important; }
.text-danger { color: var(--theme-danger) !important; }
.border-danger { border-color: var(--theme-danger) !important; }

.bg-info { background-color: var(--theme-info) !important; }
.text-info { color: var(--theme-info) !important; }
.border-info { border-color: var(--theme-info) !important; }

.bg-warning { background-color: var(--theme-warning) !important; }
.text-warning { color: var(--theme-warning) !important; }
.border-warning { border-color: var(--theme-warning) !important; }

.bg-secondary { background-color: var(--theme-secondary) !important; }
.text-secondary { color: var(--theme-secondary) !important; }
.border-secondary { border-color: var(--theme-secondary) !important; }

/* Cards and shadows */
.card {
  border-radius: 0.5rem;
  background: var(--card-bg);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}
.card-header {
  font-weight: 600;
}

/* Table styling */
.table thead th {
  background: transparent;
  border-bottom: 2px solid rgba(15,23,42,0.06);
}
.table tbody tr.table-danger {
  background-color: rgba(239,68,68,0.06) !important;
}

/* Badges */
.badge.bg-primary { background-color: var(--theme-primary) !important; color: var(--theme-primary-contrast) !important; }
.badge.bg-danger { background-color: var(--theme-danger) !important; }

/* Chart card placeholder */
.chart-card {
  height: 260px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .chart-card { height: 220px; }
}

/* Utility tweaks */
.text-muted { color: var(--muted-text) !important; }

/* Footer */
.app-footer {
  padding: 1rem 0;
  text-align: center;
  color: var(--muted-text);
}