:root {
    /* Navy */
    --bs-primary: #242158;
    --bs-primary-rgb: 36, 33, 88;

    /* Material-Pink */
    --bs-secondary: #E91E63;
    --bs-secondary-rgb: 233, 30, 99;

    /* Pale-Pink (info/bg-subtle, badges, alerts) */
    --bs-info: #FFF0F6;
    --bs-info-rgb: 255, 240, 246;

    /* Crisp-Off-White */
    --bs-light: #FAF9FC;
    --bs-light-rgb: 250, 249, 252;

    /* Dark text */
    --bs-dark: #2A2D45;
    --bs-dark-rgb: 42, 45, 69;

    .btn-primary {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
        color: #fff;
    }
    .btn-primary:hover, .btn-primary:focus {
        background-color: #18153e; /* A slightly darker navy for hover */
        border-color: #18153e;
    }

    .btn-secondary {
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
        color: #fff;
    }
    .btn-secondary:hover, .btn-secondary:focus {
        background-color: #ad1649; /* Slightly darker pink for hover */
        border-color: #ad1649;
    }
}

.navbar {
    background: linear-gradient(90deg, #242158, #403D7E);
}

.footer {
    background: linear-gradient(90deg, #242158, #403D7E);
}

/* 2. (Optional) Tweak link/button hover states */
.btn-primary:hover,
.navbar-light .nav-link:hover {
    filter: brightness(1.1);
}

/* 3. (Optional) Add subtle borders or dividers in pink */
.border-pink {
    border-color: var(--bs-secondary) !important;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* Logo */
.nav-font {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

/* Main Header */
.header-font {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

/* Subheader */
.subheader-font {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

/* Body Text */
.body-font {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

#homehero{
    background: url('../images/home-hero.jpg') no-repeat center center;
    background-size: cover;
}

#memhero{
    background: url('../images/mem-hero.jpg') no-repeat center center;
    background-size: cover;
}

#acthero{
    background: url('../images/act-hero.jpg') no-repeat center center;
    background-size: cover;
}

.hero-section {
    position: relative;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Optional overlay for improved text readability */
.hero-section::before {
    content: "";
    background: rgba(36, 33, 88, 0.6); /* semi-transparent navy overlay */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* Ensure content is above overlay */
.hero-section .col-10 {
    position: relative;
    z-index: 2;
}

a.primary-link {
    color: var(--bs-primary);
    text-decoration: none;
}

a.primary-link:hover {
    color: #18153e; /* darker version of #242158 */
    text-decoration: underline;
}

a.secondary-link {
    color: var(--bs-secondary);
    text-decoration: none; /* Optional: remove underline */
}

a.secondary-link:hover {
    color: #ad1649; /* darker version of #E91E63 */
    text-decoration: underline;
}