body {
    background: #ffffff;
    color: #1e3a8a;
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
}

/* Glass Effect Utility Classes */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.glass-card-light {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.glass-card-dark {
    background: rgba(26, 82, 118, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    color: white;
}

/* Old navbar styles - REMOVED (using new navbar design from _navbar.html) */
/* The navbar is now styled directly in the _navbar.html template */

/* Carousel image sizing */
.carousel-item img {
    width: 400px;
    height: 400px;
    object-fit: cover;
    margin: 0 auto;
}

.card {
    background-color: #FFFFFF; /* White for cards */
    border: 1px solid #dee2e6; /* Lighter border */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: #1A5276; /* Ocean Blue for primary buttons */
    border-color: #1A5276;
    color: #FFFFFF; /* White text */
}

.btn-primary:hover {
    background-color: #21618C; /* A slightly lighter blue on hover */
    border-color: #21618C;
    color: #FFFFFF;
}

.card-title,
.card-text,
.card-subtitle {
    color: #212529 !important; /* Dark text color */
}

.list-group-item {
    background-color: #FFFFFF; /* White for list items */
    border-color: #e0e0e0;
}

/* Old footer styles - REMOVED (using new footer design from _footer.html) */
/* The footer is now styled directly in the _footer.html template */

.bg-light-green {
    background-color: #F8F9FA; /* Replaced with light gray */
}