/* ==========================================================
   SCHOOL — Ernest Bluff K-12 School
   "Educating tomorrow's leaders"

   Palette: Academic spirit — deep maroon/burgundy, warm gold,
   cream, forest green accents. Classic school colors, spirited
   yet professional.
   Font: Alegreya (warm serif — already loaded),
   Alegreya SC for titles
   No image — maroon/gold academic gradient
   ========================================================== */

.site-school {
    font-family: 'Alegreya', Times, serif;

    /* Page background — warm cream */
    --color-bg: #f5f0e6;
    --color-body-bg: #faf8f2;

    /* Title bar — deep maroon */
    --color-title-bar-bg: #4a1528;
    --color-title-bar-text: #e8d5a0;

    /* Header — no image, school spirit gradient */
    --color-header-bg: #6b2040;
    --header-image: url('/images/headers/school.png');
    --header-height: 325px;

    /* Navigation — maroon with gold hover */
    --color-menu-bg: #6b2040;
    --color-menu-text: #f5ead8;
    --color-menu-hover: #8a2e55;
    --color-menu-hover-text: #e8d5a0;

    /* Container border */
    --color-container-border: #6b2040;

    /* Footer */
    --color-footer-bg: #4a1528;
    --color-footer-text: #c4a8b0;
    --color-helper-footer-bg: #320e1b;
    --color-helper-footer-text: #8a707a;
}


/* Title bar — proud school name */
.site-school .site-title-bar .title {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.site-school .site-title-bar .subtitle {
    font-family: 'Alegreya', serif;
    font-style: italic;
    letter-spacing: 0.03em;
    opacity: 0.9;
}


/* Header — school spirit gradient */
.site-school .header-image {
    background-size: cover;
    border-bottom: 3px solid #e8d5a0;
}


/* Menu — gold accent hover */
.site-school .menu-button {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.04em;
    border-left: 3px solid transparent;
}

.site-school .menu-button:hover {
    border-left: 3px solid #e8d5a0;
}

@media (min-width: 768px) {
    .site-school .menu-button {
        border-left: none;
        border-bottom: 3px solid transparent;
    }

    .site-school .menu-button:hover {
        border-left: none;
        border-bottom: 3px solid #e8d5a0;
    }
}


/* Menu — Desktop alignment fix (3 nav items) */
@media (min-width: 768px) {
    .site-school .menu-button {
        flex: 0 1 auto;
        max-width: 240px;
        min-width: 140px;
        padding: 0.25em 1.5em;
    }
}


/* Content — clear, academic readability */
.site-school #content {
    line-height: 1.8;
    color: #2c2018;
}

.site-school #content h1,
.site-school #content h2,
.site-school #content h3 {
    font-family: 'Alegreya SC', serif;
    color: #4a1528;
}

.site-school #content a {
    color: #6b2040;
}

.site-school #content a:hover {
    color: #8a2e55;
}


/* Footer — dignified maroon */
.site-school #site-footer {
    font-family: 'Alegreya SC', serif;
    letter-spacing: 0.02em;
    font-size: 0.85rem;
}