: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 navbar */
.navbar {
  background: linear-gradient(90deg, #0f172a 0%, #1e3a5f 100%) !important;
  border-bottom: 1px solid rgba(59, 130, 246, 0.3) !important;
  border-bottom-color: rgba(59, 130, 246, 0.3) !important;
}
.navbar-brand-text {
  color: #60a5fa !important;
}
.navbar .navbar-nav .nav-link {
  color: #e2e8f0 !important;
}
.navbar .navbar-nav .nav-link:hover {
  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;
}