/* === SEANOME BRAND COLORS === */
:root {
    --color-primary: #1d3d75;
    /* Seanome Blue */
    --color-teal-dark: #18495A;
    /* Dark Marine */
    --color-teal: #206E82;
    /* Deep Teal */
    --color-ocean: #45B1A8;
    /* Ocean Teal */
    --color-teal-soft: #89C2BA;
    /* Soft Teal */
    --color-teal-light: #D4E6E4;
    /* Pale Aqua */
    --color-teal-mid: #2D7A8F;
    /* Mid Teal */
    --color-rose: #C4A5B5;
    /* Dusty Rose */
    --color-gold: #BFA065;
    /* Antique Gold */
    --color-purple: #8B7A9F;
    /* Muted Purple */

    --color-dark-blue: #0b5394;

    --color-light-blue: #3d85c6;

    --color-night-sky: #001a46;
}

/* So that the top is not a stupid grey */
html {
    background-color: var(--color-teal-dark) !important;
}

#site-header {
    background-color: var(--color-teal) !important;
    box-shadow: none !important;
    /* Seanome Blue */
    color: var(--color-teal-light);
    /* Pale Aqua for header text */
}

/* === BACKGROUND & TEXT === */
body {
    background-color: var(--color-teal-dark);
    /* Dark Marine */
    color: var(--color-teal-light);
    /* Pale Aqua for body text */
    font-family: "Fira Sans";
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-teal-soft);
    /* Deep Teal for headings */
}

/* Links */
a {
    color: var(--color-ocean);
    /* Ocean Teal */
    text-decoration: none;
    box-shadow: inset 0 -4px var(--color-ocean);
}

a:hover,
.hdr-social a:hover {
    color: var(--color-gold) !important;
    /* Antique Gold for hover */
}

/* Footer text */
footer {
    color: var(--color-teal-soft);
}

#home-social a {
    box-shadow: none;
    color: var(--color-ocean) !important;
}

.hdr-social a {
    box-shadow: none;
    color: var(--color-ocean) !important;
}


.hdr-left nav div {
    display: inline-block;
}


#home-social a:hover {
    color: var(--color-gold) !important;
    /* Antique Gold for hover */
}

#home-nav a {
    display: inline-block !important;
}

#home-nav div {
    display: flex;
    flex-direction: column;
    align-items: center;
}


#home-footer {
    /* background-color: var(--color-teal-dark); */
    /* Dark Marine for footer */
    color: var(--color-teal-light);
    /* Pale Aqua for footer text */
    padding: 1rem;
    text-align: center;
}

#home-footer a {
    box-shadow: inset 0 -4px var(--color-ocean);
}

code {
    background-color: initial !important;
    /* Mid Teal for code blocks */
    color: var(--color-teal-soft) !important;
    /* Pale Aqua for code text */
    padding: 0.5rem;
    border-radius: 4px;
}

.future-applications {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin: 3rem auto;
    max-width: 1200px;
}



.people-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    margin: 3rem auto;
    max-width: 1200px;
}

.person-card {
    flex: 0 1 220px;
    /* Wider person cards */
    text-align: center;
    padding: 1rem;
}

.person-card img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 0.75rem;
}

.person-card h3 {
    font-size: 1.15rem;
    margin-bottom: 0.3rem;
    color: #fff;
}

.person-card p {
    font-size: 0.9rem;
    color: #ccc;
    line-height: 1.4;
}

.people-group h2 {
    font-size: 1.5rem;
    text-align: center;
    margin: 3rem 0 2rem;
    letter-spacing: 1px;
}

.future-applications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.future-applications-card {
    background-color: var(--color-night-sky);
    /* Seanome Blue */
    color: white;
    padding: 1.5rem;
    border-radius: 8px;
    text-align: left;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.future-applications-card img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.future-applications-card h3 {
    color: var(--color-teal-soft);
    /* Ocean Teal */
    margin-bottom: 0.5rem;
}

.future-applications-card p {
    font-size: 0.9rem;
    line-height: 1.5;
}