body {
    background-color: #0b0c1e; /* Main background */
    color: #e0e0e0; /* Light gray for better contrast */
}

a {
    color: #3c97ff; /* Bright blue for primary elements */
}

a:hover {
    color: #8a36ff; /* Bright purple for secondary elements */
}


footer {
    color: #ccccff; /* Light purple for footer text */
}

.card {
    background-color: #1c1c3a; /* Darker blue for card background */
    border: 1px solid #2c2c4e; /* Slightly lighter blue for card border */
}

.badge {
    background-color: #8a36ff; /* Use secondary color for badge background */
    color: #ffffff; /* White text for badges */
}

.text-muted {
    color: rgba(255, 255, 255, 0.7); /* Slightly more opaque muted text */
}

code {
    color: #3c97ff; /* Bright blue for code color */
}