/* Custom Dark Theme */
:root {
    --dark-grey: #212529;
    --dark-blue: #000965;
    --darker-blue: #000041;
    --dark-purple: #4a148c;
    --darker-purple: #240050;
    --light-purple: #8236e0;
    --light-text: #f8f9fa;
}

body {
    background-color: var(--dark-grey);
    color: var(--light-text);
}

/* Navbar Styling */
.bg-dark-blue {
    background-image: linear-gradient(to bottom, var(--dark-purple), var(--darker-purple));
}

.container {
    margin-top: 1rem !important;
}

/* Hero Section */
.hero-section {
    position: relative;
    z-index: 1;
}

    .hero-section::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
    }

/* Card Styling */
.bg-dark-grey {
    background-color: #343a40 !important;
    border: 1px solid #495057;
    transition: transform 0.3s ease-in-out;
    color: var(--light-text);
}

.card:hover {
    transform: translateY(-10px);
}

/* Custom Button */
.btn-primary-purple {
    background-color: var(--dark-purple);
    border-color: var(--light-purple);
    color: var(--light-text);
}

    .btn-primary-purple:hover {
        background-color: #6a1b9a;
        border-color: #6a1b9a;
    }