/***********************************************************************************************
*
***********************************************************************************************/

.btn,
.btn:hover,
.nav-donate-cta,
.footer-bottom-links a,
.footer-contact a,
.footer-copyright a:hover,
.footer-info p,
.footer-links a,
.footer-title,
.hero-content {
    color: #F5F5F5;
}

nav.navbar,
.next-event-highlight-body {
    background-color: #ffffff;
}

footer {
    color: rgba(245, 245, 245, 0.7)
}

/***********************************************************************************************
* Light Shades | Background
***********************************************************************************************/

body {
    background-color: #F4F6F8;
}

/***********************************************************************************************
* Light Accent | Body text
***********************************************************************************************/

body {
    color: #444;
}

/***********************************************************************************************
* Main Brand Color | Aqua Forest | #52A275 | 82, 162, 117
***********************************************************************************************/

.card h3,
.footer-charity-note i,
.footer-contact i,
.footer-contact a:hover,
.footer-copyright a,
.footer-bottom-links a:hover,
.footer-links a:hover,
.fundraising-stat-amount,
.thermometer-percentage,
.nav-link,
main a:not(.btn),
.action-card-footer {
    color: #52A275;
}

.btn {
    background-color: #52A275;
}

.nav-donate-cta {
    background: linear-gradient(135deg, #52A275 0%, #60b483 100%);
}

.thermometer-container {
    background-color: rgba(82, 162, 117, 0.12);
}

.footer-charity-note {
    border-left: 3px solid #52A275;
}

.footer-divider {
    border-color: rgba(82, 162, 117, 0.4);
}

.thermometer-fill {
    background: linear-gradient(to top, #52A275, #7ecba1);
}

.pta-icon {
    background-color: rgba(82, 162, 117, 0.15);
    color: #52A275;
}

.action-card-arrow {
    background-color: rgba(82, 162, 117, 0.12);
    color: #52A275;
}

.footer-charity-note,
.fund-icon {
    background-color: rgba(82, 162, 117, 0.1);
}

h2.section-title::after {
    background-color: #52A275;
}

.nav-link::after {
    background-color: #52A275;
}

.lang-switch {
    background-color: rgba(82, 162, 117, 0.14);
}

.lang-switch-link {
    color: #52A275;
}

.lang-switch-link:hover {
    color: #2D337F;
}

.lang-switch-link.active {
    background-color: #52A275;
    color: #fff;
}

.lang-switch-label {
    color: #2D337F;
}

/***********************************************************************************************
* Dark Accent | Astronaut | #2D337F | 45, 51, 127
***********************************************************************************************/

h2,
.next-event-title,
.fund-icon,
.nav-link:hover,
.fundraising-stat-label {
    color: #2D337F;
}

.btn:hover {
    background-color: #2D337F;
}

.nav-donate-cta:hover,
.nav-donate-cta:focus-visible {
    background: linear-gradient(135deg, #2D337F 0%, #3d45a8 100%);
    color: #fff;
}

.next-event-highlight-header {
    background: linear-gradient(135deg, #2D337F 0%, #3d45a8 100%);
    color: #fff;
}

.next-event-highlight-header .next-event-title,
.next-event-highlight-header .pta-icon {
    color: #fff;
}

.next-event-highlight-header .pta-icon {
    background-color: rgba(255, 255, 255, 0.18);
}

.next-event-highlight {
    box-shadow: 0 4px 24px rgba(45, 51, 127, 0.14);
}

.fund-icon {
    box-shadow: none;
}

.card {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.card:hover {
    box-shadow: 0 8px 28px rgba(45, 51, 127, 0.16);
}

.btn:hover {
    box-shadow: 0 4px 14px rgba(45, 51, 127, 0.3);
}

/***********************************************************************************************
* Hero overlay
***********************************************************************************************/

.hero-overlay {
    background: linear-gradient(to top, rgba(20, 20, 40, 0.96) 0%, rgba(20, 20, 40, 0.75) 50%, rgba(20, 20, 40, 0.65) 100%);
}

/***********************************************************************************************
* Footer
***********************************************************************************************/

footer {
    background-color: #111827;
}

/***********************************************************************************************
* Join Us Banner
***********************************************************************************************/

.join-us-banner {
    background: linear-gradient(135deg, #2D337F 0%, #3d45a8 100%);
    box-shadow: 0 8px 32px rgba(45, 51, 127, 0.25);
}

.join-us-title,
.join-us-lead,
.join-us-list strong,
.join-us-list p,
.join-us-list a {
    color: #fff;
}

.join-us-list a:hover {
    opacity: 0.8;
}

.join-us-icon {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.btn-join-primary {
    background-color: #52A275;
    color: #fff;
}

.btn-join-primary:hover {
    background-color: #fff;
    color: #2D337F;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.btn-join-secondary {
    background-color: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-join-secondary:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: #fff;
    border-color: #fff;
}

/***********************************************************************************************
* Committee Hub
***********************************************************************************************/

.hub-welcome {
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.hub-welcome-name {
    color: #2D337F;
}

.hub-alert-count--none {
    background-color: rgba(82, 162, 117, 0.12);
    color: #3a8060;
}

.hub-alert-count--active {
    background-color: rgba(255, 193, 7, 0.2);
    color: #8a6200;
}

.hub-alert-count--urgent {
    background-color: rgba(220, 53, 69, 0.12);
    color: #b02a37;
}

.hub-alerts-empty {
    color: #999;
}

.hub-alerts-empty .fa-circle-check {
    color: #52A275;
}

.hub-alert--info {
    background-color: rgba(82, 162, 117, 0.08);
    border-left-color: #52A275;
    color: #444;
}

.hub-alert--info .hub-alert-icon {
    color: #52A275;
}

.hub-alert--warning {
    background-color: rgba(255, 193, 7, 0.1);
    border-left-color: #e6a800;
    color: #444;
}

.hub-alert--warning .hub-alert-icon {
    color: #e6a800;
}

.hub-alert--urgent {
    background-color: rgba(220, 53, 69, 0.08);
    border-left-color: #dc3545;
    color: #444;
}

.hub-alert--urgent .hub-alert-icon {
    color: #dc3545;
}

.hub-doc-group {
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.hub-doc-group-title {
    background-color: rgba(82, 162, 117, 0.08);
    color: #2D337F;
}

.hub-doc-item--empty .hub-doc-icon,
.hub-doc-item--empty .hub-doc-name {
    opacity: 0.45;
}

.hub-doc-icon {
    color: #52A275;
}

.hub-doc-badge--pending {
    background-color: rgba(0, 0, 0, 0.06);
    color: #888;
}

.hub-doc-badge--new {
    background-color: rgba(82, 162, 117, 0.15);
    color: #2e7d52;
}

/***********************************************************************************************
* Login Page
***********************************************************************************************/

.login-card {
    background-color: #fff;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}

.login-card .login-card-title {
    color: #2D337F;
}

.login-card-sub {
    color: #444;
}

.login-submit-btn {
    background-color: #52A275;
    color: #fff;
}

.login-submit-btn:hover {
    background-color: #2D337F;
    color: #fff;
}

.login-register-btn {
    background-color: #52A275;
    color: #fff;
}

.login-register-btn:hover {
    background-color: #2D337F;
    color: #fff;
}

.login-forgot-btn {
    color: #52A275;
}

.login-forgot-btn:hover {
    color: #2D337F;
}

.login-modal-header {
    background: linear-gradient(135deg, #2D337F 0%, #3d45a8 100%);
    color: #fff;
}

.login-modal-title {
    color: #fff;
}

.login-modal-btn {
    background-color: #52A275;
    color: #fff;
}

.login-modal-btn:hover {
    background-color: #2D337F;
    color: #fff;
}

.login-register-notice {
    color: #888;
}

.login-register-notice a {
    color: #52A275;
}

.login-register-notice a:hover {
    color: #2D337F;
}

.login-alert--success {
    background-color: rgba(82, 162, 117, 0.1);
    color: #2e7d52;
}

.login-alert--success .login-alert-icon {
    color: #52A275;
}

.login-alert--error {
    background-color: rgba(220, 53, 69, 0.08);
    color: #a0212e;
}

.login-alert--error .login-alert-icon {
    color: #dc3545;
}

/***********************************************************************************************
* Constitution Page
***********************************************************************************************/

.constitution-download-banner {
    background-color: rgba(82, 162, 117, 0.1);
    border: 1px solid rgba(82, 162, 117, 0.25);
}

.constitution-download-title {
    color: #2D337F;
}

.constitution-download-btn {
    background-color: #52A275;
    color: #fff;
}

.constitution-download-btn:hover {
    background-color: #2D337F;
    color: #fff;
}

.constitution-clauses {
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.constitution-clause-number {
    color: #52A275;
    opacity: 0.35;
}

.constitution-clause-title {
    color: #2D337F;
}



.events-date-badge {
    background-color: rgba(82, 162, 117, 0.12);
    color: #2D337F;
}

.events-filter-btn {
    background-color: rgba(82, 162, 117, 0.08);
    color: #444;
    border: 1px solid rgba(82, 162, 117, 0.2);
}

.events-filter-btn:hover,
.events-filter-btn--active {
    background-color: #52A275;
    color: #fff;
    border-color: #52A275;
}

.events-card-title {
    color: #2D337F;
}

.events-meta-item {
    color: #666;
}

.events-meta-item .fa-calendar-alt,
.events-meta-item .fa-clock,
.events-meta-item .fa-map-marker-alt {
    color: #52A275;
}

.events-meta-link {
    color: #52A275;
}

.events-badge--free {
    background-color: rgba(82, 162, 117, 0.12);
    color: #52A275;
}

.events-badge--paid {
    background-color: rgba(45, 51, 127, 0.1);
    color: #2D337F;
}

.events-category-badge {
    background-color: rgba(45, 51, 127, 0.1);
    color: #2D337F;
}

.events-term-badge {
    background-color: rgba(82, 162, 117, 0.1);
    color: #52A275;
}

.events-meta-link,
.events-location-link {
    color: #52A275;
}

/***********************************************************************************************
* Breadcrumb
***********************************************************************************************/

.breadcrumb-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.breadcrumb-item a {
    color: #52A275;
}

.breadcrumb-item a:hover {
    color: #2D337F;
}

.breadcrumb-item.active {
    color: #888;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #bbb;
}

/***********************************************************************************************
* Volunteer Page
***********************************************************************************************/

.volunteer-why-list li .fas {
    color: #52A275;
}

.volunteer-commitment-card {
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.volunteer-commitment-card--featured {
    background: linear-gradient(135deg, #2D337F 0%, #3d45a8 100%);
    color: #fff;
}

.volunteer-commitment-card--featured .volunteer-commitment-desc {
    opacity: 0.9;
}

.volunteer-commitment-icon {
    background-color: rgba(82, 162, 117, 0.12);
    color: #52A275;
}

.volunteer-commitment-card--featured .volunteer-commitment-icon {
    background-color: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.volunteer-skills-list span {
    color: #52A275;
}

.volunteer-required {
    color: #e05252;
}

.volunteer-form-message--success {
    background-color: rgba(82, 162, 117, 0.1);
    color: #2a7a52;
    border: 1px solid rgba(82, 162, 117, 0.3);
}

.volunteer-form-message--error {
    background-color: rgba(224, 82, 82, 0.08);
    color: #c0392b;
    border: 1px solid rgba(224, 82, 82, 0.25);
}

/***********************************************************************************************
* Donate Page
***********************************************************************************************/

.donate-platform-badge--active {
    background-color: rgba(82, 162, 117, 0.12);
    color: #52A275;
}

.donate-platform-badge--active:hover {
    background-color: #52A275;
    color: #fff;
}

.donate-qr-placeholder {
    background-color: rgba(82, 162, 117, 0.06);
    border-color: rgba(82, 162, 117, 0.3);
}

.donate-qr-icon {
    color: #52A275;
}

/***********************************************************************************************
* News Page
***********************************************************************************************/

.news-filter-btn {
    background-color: rgba(82, 162, 117, 0.08);
    color: #444;
    border: 1px solid rgba(82, 162, 117, 0.2);
}

.news-filter-btn:hover,
.news-filter-btn--active {
    background-color: #52A275;
    color: #fff;
    border-color: #52A275;
}

.news-card-title {
    color: #2D337F;
}

.news-card-date {
    color: #555;
}

.news-card-date .fa-calendar-alt {
    color: #52A275;
}

.news-category-badge {
    background-color: rgba(45, 51, 127, 0.1);
    color: #2D337F;
}

.news-impact {
    background-color: rgba(82, 162, 117, 0.08);
    border: 1px solid rgba(82, 162, 117, 0.18);
}

.news-impact-icon,
.news-impact-amount {
    color: #52A275;
}

.news-impact-bar {
    background-color: rgba(82, 162, 117, 0.18);
}

.news-impact-fill {
    background: linear-gradient(90deg, #52A275, #7ecba1);
}