:root {
  /* Core Color Variables */
  --primary-color: #fbff00;
  --secondary-color: #000000;
  --background-color: #1e4080;
  --text-color: #000000;
  --accent-color: #64b5f6;
  --hover-color: #fbff00;
  --active-color: #000000;
  --border-color: rgba(66, 153, 225, 0.2);

  /* Sidebar Specific Variables */
  --sidebar-bg: #1e4080;
  --sidebar-secondary: #000000;
  --sidebar-hover: #fbff00;
  --sidebar-active: #000000;
  --sidebar-text: #000000;
  --sidebar-icon: #64b5f6;
  --sidebar-border: rgba(66, 153, 225, 0.2);

  /* Effect Variables */
  --cyber-glow: 0 0 20px #64b5f666;
  --shadow-glow: 0 0 20px #fbff0040;
}


/* Apply colors to sidebar - Direct values for maximum specificity */
.sidebar {
  background: #1e4080 !important;
  background-image: linear-gradient(180deg, #1e4080 0%, #000000 100%) !important;
  border-right: 1px solid rgba(66, 153, 225, 0.2) !important;
  border-right-color: rgba(66, 153, 225, 0.2) !important;
}
.sidebar .nav .nav-item .nav-link {
  color: #000000 !important;
  border-color: rgba(66, 153, 225, 0.2) !important;
}
.sidebar .nav .nav-item .nav-link:hover {
  background: #fbff00 !important;
  box-shadow: 0 0 10px #64b5f640 !important;
}
.sidebar .nav .nav-item .nav-link:hover:before {
  background: #64b5f6 !important;
}
.sidebar .nav .nav-item.active .nav-link {
  background: #000000 !important;
  box-shadow: 0 0 10px #64b5f640 !important;
}
.sidebar .nav .nav-item .nav-link i,
.sidebar .nav .nav-item .nav-link .menu-title {
  color: #64b5f6 !important;
}
.sidebar .brand-title {
  color: #64b5f6 !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: #64b5f6 !important;
}
.sidebar .nav .nav-item .nav-link:hover i,
.sidebar .nav .nav-item .nav-link:hover .menu-title {
  color: #64b5f6 !important;
}

/* Apply colors to buttons */
.btn-cyber {
  background: linear-gradient(90deg, #000000 0%, #fbff00 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, #fbff00 0%, #000000 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 #fbff0015, 0 0 0 2px #fbff0033 !important;
}

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

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