html {
  background-color: #0c0217; 
}
body {
  background: radial-gradient(circle at center, #2a0b45, #0c0217) no-repeat center center fixed;
  background-color: #0c0217;
  color: #e2d5f0; 
  font-family: system-ui, -apple-system, sans-serif;
  min-height: 100vh;
}
h1, h2, h3, h4, h5, h6, .navbar-brand {
  color: #ffffff !important; 
  font-weight: 700;
}
.text-secondary, .text-secondary-emphasis {
  color: #cbb4e3 !important; 
}
.text-secondary.text-opacity-75 {
  color: #d8c7ea !important;
}
.nav-link {
  color: #d1bfe3 !important;
  transition: color 0.2s ease;
}
.nav-link:hover {
  color: #ffffff !important;
}
.nav-link.active {
  color: #ffffff !important;
  font-weight: 600;
}
.btn-primary {
  background-color: #7c3aed !important; 
  border-color: #7c3aed !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: #6d28d9 !important;
  border-color: #6d28d9 !important;
}
.btn-outline-light {
  border-color: #d1bfe3 !important;
  color: #ffffff !important;
}
.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
.disabled-btn {
  opacity: 0.5;
  border-color: rgba(243, 232, 255, 0.3) !important;
  color: rgba(243, 232, 255, 0.7) !important;
  pointer-events: none;
}
.blog-card {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, background-color 0.25s ease;
}
.blog-card:hover {
  transform: translateY(-4px);
  background-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
.card-architecture {
  border-left: 4px solid #8be8ff !important; 
}
.card-databases {
  border-left: 4px solid #ffe082 !important; 
}
.card-devops {
  border-left: 4px solid #75eab6 !important; 
}
.card-perspectives {
  border-left: 4px solid #ff8591 !important; 
}
.text-primary { color: #86b1ff !important; }
.text-success { color: #75eab6 !important; }
.text-danger { color: #ff8591 !important; }
.text-info { color: #8be8ff !important; }
.text-warning { color: #ffe082 !important; }
.border-primary { border-color: rgba(134, 177, 255, 0.3) !important; }
.border-success { border-color: rgba(117, 234, 182, 0.3) !important; }
.border-danger { border-color: rgba(255, 133, 145, 0.3) !important; }
.border-info { border-color: rgba(139, 232, 255, 0.3) !important; }
.border-warning { border-color: rgba(255, 224, 130, 0.3) !important; }
.bg-primary.bg-opacity-15 { background-color: rgba(134, 177, 255, 0.15) !important; }
.bg-success.bg-opacity-15 { background-color: rgba(117, 234, 182, 0.15) !important; }
.bg-danger.bg-opacity-15 { background-color: rgba(255, 133, 145, 0.15) !important; }
.bg-info.bg-opacity-15 { background-color: rgba(139, 232, 255, 0.15) !important; }
.bg-warning.bg-opacity-15 { background-color: rgba(255, 224, 130, 0.15) !important; }