/* Custom Styles for Modern Aesthetic */

body {
    background-color: #121212; /* Dark background */
    color: #e0e0e0; /* Light text */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar {
    background-color: #1f1f1f !important; /* Slightly lighter dark navbar */
    border-bottom: 2px solid #0d6efd;
}

.hero-section {
    background: linear-gradient(135deg, #0d6efd 0%, #0a0a0a 100%);
    color: white;
    padding: 6rem 0 5rem 0;
    margin-bottom: 2rem;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.card {
    background-color: #1f1f1f; /* Dark card background */
    border: 1px solid #333;
    border-radius: 10px;
}

.event-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-left: 5px solid #0d6efd;
}

.event-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 25px rgba(13, 110, 253, 0.3); /* Blue shadow on hover */
}

.section-title {
    color: #0d6efd;
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

/* Table styling for dark theme */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #282828;
}
.table-dark, .table thead, .table tbody {
    --bs-table-bg: #1f1f1f;
    --bs-table-color: #e0e0e0;
}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: #343a40;
}