/* Update color scheme to use the new dark blue #293241 */

:root {
  /* Replace dark blues and blacks with new color */
  --primary-700: #293241 !important;
  --primary-800: #293241 !important;
  --primary-900: #1a202c !important; /* Slightly darker for depth */
  
  /* Update the semantic colors to use the new blue */
  --primary: #293241 !important;
  --dark: #293241 !important;
  
  /* Update light blue for gradients - slightly lighter blue that complements #293241 */
  --light-blue: #3d5a80 !important;
  
  /* Make sure no black buttons exist */
  --button-dark: #293241 !important;
}

/* Ensure buttons don't use black */
button,
.button {
  background-color: var(--accent-500) !important;
  color: white !important;
}

button.primary,
.button-primary,
#apply-filters,
.export-button,
button[id*="export"],
.export-csv,
.export-pdf {
  background-color: #293241 !important; /* Dark blue */
  color: white !important;
}

button.primary:hover,
.button-primary:hover,
#apply-filters:hover,
.export-button:hover,
button[id*="export"]:hover,
.export-csv:hover,
.export-pdf:hover {
  background-color: #354358 !important; /* Slightly lighter on hover */
}

button.secondary,
.button-secondary {
  background-color: var(--primary-500) !important;
}

button.dark,
.button-dark {
  background-color: var(--primary-700) !important;
}

button.outline,
.button-outline {
  background-color: transparent !important;
  border: 1px solid var(--primary-400) !important;
  color: var(--primary-700) !important;
}

/* Table headers */
table th {
  background-color: var(--primary-700) !important;
}

/* Update card gradients to use #2CBEF4 to #293241 */
.stat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(to right, #2CBEF4, #293241) !important;
  transition: height 0.3s ease !important;
}

/* Different color accents for each stat card - updated to use light blue to dark blue gradient */
.stat-card:nth-child(1)::before,
.stat-card:nth-child(2)::before,
.stat-card:nth-child(3)::before,
.stat-card:nth-child(4)::before {
  background: linear-gradient(to right, #2CBEF4, #293241) !important;
}

/* Add gradient to all containers/cards */
.panel, 
.user-card, 
.report-card,
.card,
.modal,
.login-container {
  position: relative !important;
  overflow: hidden !important;
}

.panel::before, 
.user-card::before, 
.report-card::before,
.card::before,
.modal::before,
.login-container::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(to right, #2CBEF4, #293241) !important;
  z-index: 2 !important;
}

/* Update navigation active styles */
.desktop-nav a.active {
  color: var(--primary-700) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.desktop-nav a.active::after {
  background-color: var(--primary-700) !important;
}

/* Update dropdown toggle for user */
.dropdown-toggle:hover {
  background-color: rgba(41, 50, 65, 0.1) !important;
  color: var(--primary-700) !important;
}

/* Update user avatar */
.user-avatar {
  background-color: var(--primary-700) !important;
  color: white !important;
}

/* Module headers and titles */
.modal-header {
  border-bottom: 1px solid #e0e0e0 !important;
}

.modal-title {
  color: var(--primary-700) !important;
}

/* Panel headers */
.panel h2,
.panel h3 {
  color: var(--primary-700) !important;
}

/* Header actions titles */
.header-actions h1 {
  color: var(--primary-700) !important;
}

/* Footer links */
.footer-links a {
  color: var(--primary-700) !important;
}