:root {
    --primary-blue: #1e73be;
    --navy: #23395d;
    --light-gray: #f7f7f7;
    --accent-orange: #f26522;
}

body {
    background-color: var(--light-gray);
}

.navbar {
    background-color: var(--navy) !important;
}

.navbar-brand, .nav-link {
    color: #fff !important;
}

.nav-link:hover {
    color: var(--accent-orange) !important;
}

footer {
    background-color: var(--navy) !important;
    color: #fff !important;
}

.hero-section {
    background: linear-gradient(135deg, var(--primary-blue), var(--navy));
    color: #fff;
    padding: 60px 0;
}

.hero-section h1 {
    font-weight: 700;
}

.hero-section p {
    font-size: 1.2rem;
}

a {
    color: var(--primary-blue);
}

a:hover {
    color: var(--accent-orange);
}

.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}

.btn-primary {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

.btn-primary:hover {
    background-color: var(--navy);
    border-color: var(--navy);
}

.board-member .card {
    max-width: 400px;
    margin: 0 auto;
}

.read-more-link {
    cursor: pointer;
    font-weight: 500;
}

.read-more-link:not(.collapsed)::after {
    content: none;
}

.read-more-link.collapsed,
.read-more-link[aria-expanded="false"] {
    /* default state shows "Read more" */
}

.board-member .card-img-top {
    width: 400px;
    height: 400px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}