/* =========================================================================
   FairShare site-wide tweaks (loaded by the base.html / base_nomenu.html
   overrides, so they apply to every public page).
   Rebrands the whole template to the app's green identity without touching
   shared/global.css, plus a light brand-friendly footer.
   ========================================================================= */

/* Rebrand all shared color variables site-wide (blue -> green). */
:root {
    --primary-color: #1fca6a;
    --primary-color-dark: #17a556;
    --teal: #0f9d58;
    --teal-dark: #0b7a43;
    --accent-color: #17a556;
}

/* The contact page's form button has one hardcoded blue (shared CSS);
   point it at the brand color instead. */
.form-button:hover {
    background: var(--primary-color-dark);
}

.site-footer {
    background: #ffffff;
    color: #5b6b85;
    border-top: 1px solid #e6eaf0;
}

.footer-section h3 { color: #1c2b4a; }
.footer-section h3 span { color: var(--primary-color); }
.footer-section h4 { color: #1c2b4a; }
.footer-section p { color: #5b6b85; }
.footer-section ul li a { color: #5b6b85; }
.footer-section ul li a:hover { color: var(--primary-color); }

.social-media-button {
    background: #e8f9ef;
    color: var(--primary-color);
}
.social-media-button:hover {
    background: var(--primary-color);
    color: #ffffff;
}

.footer-bottom { border-top: 1px solid #e6eaf0; }
.footer-bottom p { color: #5b6b85; }
.footer-bottom-links a { color: #5b6b85; }
.footer-bottom-links a:hover { color: var(--primary-color); }
.footer-bottom-links span { color: #9aa7ba; }