:root {
  /* Core Color Variables */
  --primary-color: #3b82f6;
  --secondary-color: #1e3a5f;
  --background-color: #0f172a;
  --text-color: #e2e8f0;
  --accent-color: #60a5fa;
  --hover-color: #2563eb;
  --active-color: #1d4ed8;
  --border-color: rgba(59, 130, 246, 0.3);

  /* Sidebar Specific Variables */
  --sidebar-bg: #0f172a;
  --sidebar-secondary: #1e3a5f;
  --sidebar-hover: #2563eb;
  --sidebar-active: #1d4ed8;
  --sidebar-text: #e2e8f0;
  --sidebar-icon: #60a5fa;
  --sidebar-border: rgba(59, 130, 246, 0.3);

  /* Effect Variables */
  --cyber-glow: 0 0 20px #60a5fa66;
  --shadow-glow: 0 0 20px #3b82f640;
}


/* Apply colors to sidebar - Direct values for maximum specificity */
.sidebar {
  background: #0f172a !important;
  background-image: linear-gradient(180deg, #0f172a 0%, #1e3a5f 100%) !important;
  border-right: 1px solid rgba(59, 130, 246, 0.3) !important;
  border-right-color: rgba(59, 130, 246, 0.3) !important;
}
.sidebar .nav .nav-item .nav-link {
  color: #e2e8f0 !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}
.sidebar .nav .nav-item .nav-link:hover {
  background: #2563eb !important;
  box-shadow: 0 0 10px #60a5fa40 !important;
}
.sidebar .nav .nav-item .nav-link:hover:before {
  background: #60a5fa !important;
}
.sidebar .nav .nav-item.active .nav-link {
  background: #1d4ed8 !important;
  box-shadow: 0 0 10px #60a5fa40 !important;
}
.sidebar .nav .nav-item .nav-link i,
.sidebar .nav .nav-item .nav-link .menu-title {
  color: #60a5fa !important;
}
.sidebar .brand-title {
  color: #60a5fa !important;
}
.sidebar .nav .nav-item.active .nav-link i,
.sidebar .nav .nav-item.active .nav-link .menu-title {
  color: #ffffff !important;
}
.sidebar .nav .nav-item.active .nav-link:before {
  background: #60a5fa !important;
}
.sidebar .nav .nav-item .nav-link:hover i,
.sidebar .nav .nav-item .nav-link:hover .menu-title {
  color: #60a5fa !important;
}

/* Apply colors to buttons */
.btn-cyber {
  background: linear-gradient(90deg, #1e3a5f 0%, #3b82f6 100%) !important;
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 8px var(--accent-color), 0 0 2px var(--primary-color) !important;
}
.btn-cyber:hover {
  background: linear-gradient(90deg, #3b82f6 0%, #1e3a5f 100%) !important;
  box-shadow: 0 0 16px var(--accent-color), 0 0 4px var(--primary-color) !important;
}

/* Apply colors to cards */
.cyber-card {
  background: rgba(16, 22, 36, 0.95) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 8px 32px #3b82f615, 0 0 0 2px #3b82f633 !important;
}

/* Apply colors to inputs */
.cyber-input:focus, .form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem #3b82f644 !important;
}

/* Apply colors to titles */
.cyber-title {
  color: var(--primary-color) !important;
  text-shadow: 0 0 8px #3b82f655 !important;
}