/* =========================================
   BERKSHIRE RUGBY REFS
   SHARED LIGHT THEME
   About + History
========================================= */

/* ABOUT PAGE */

html[data-home-theme="light"] .about-hero {
    background: #dce8ee;
}

html[data-home-theme="light"] .about-what {
    background: #ffffff;
}

html[data-home-theme="light"] .about-people {
    background: #f5f3ee;
}

html[data-home-theme="light"] .about-history {
    background: #dce8ee;
}

html[data-home-theme="light"] .about-join {
    background: #f5f3ee;
}

html[data-home-theme="light"] .about-history-year strong,
html[data-home-theme="light"] .about-history-copy .section-eyebrow,
html[data-home-theme="light"] .about-history-copy h2,
html[data-home-theme="light"] .about-history-link,
html[data-home-theme="light"] .about-light-eyebrow,
html[data-home-theme="light"] .about-join h2,
html[data-home-theme="light"] .about-join-copy h3,
html[data-home-theme="light"] .about-join-link {
    color: #101612;
}

html[data-home-theme="light"] .about-history-copy p,
html[data-home-theme="light"] .about-join-copy p {
    color: #52605b;
}

html[data-home-theme="light"] .about-history-link,
html[data-home-theme="light"] .about-join-link {
    border-bottom-color: #aebbb4;
}

/* HISTORY PAGE */

html[data-home-theme="light"] .history-hero {
    background: #dce8ee;
}

html[data-home-theme="light"] .history-intro,
html[data-home-theme="light"] .history-credit {
    background: #ffffff;
}

html[data-home-theme="light"] .history-timeline {
    background: #f5f3ee;
}

html[data-home-theme="light"] .history-today {
    background: #dce8ee;
}

html[data-home-theme="light"] .history-light-eyebrow,
html[data-home-theme="light"] .history-timeline-heading h2,
html[data-home-theme="light"] .history-era-year strong,
html[data-home-theme="light"] .history-era-content h3,
html[data-home-theme="light"] .history-era-stat strong {
    color: #101612;
}

html[data-home-theme="light"] .history-era-content p,
html[data-home-theme="light"] .history-era-stat span {
    color: #52605b;
}

html[data-home-theme="light"] .history-era,
html[data-home-theme="light"] .history-era:last-child,
html[data-home-theme="light"] .history-era-stat {
    border-color: #cbd1cb;
}

/* =========================================
   MEET THE REFEREES — LIGHT THEME
========================================= */

html[data-home-theme="light"] .refs-hero {
    background: #dce8ee;
    color: #101612;
    border-bottom-color: #cbd1cb;
}

html[data-home-theme="light"] .refs-hero .section-eyebrow,
html[data-home-theme="light"] .refs-hero-copy,
html[data-home-theme="light"] .refs-hero-copy p:first-child {
    color: #101612;
}

html[data-home-theme="light"] .refs-list {
    background: #f5f3ee;
}

html[data-home-theme="light"] .refs-grid,
html[data-home-theme="light"] .ref-card {
    border-color: #cbd1cb;
}

html[data-home-theme="light"] .ref-card:not(.ref-card-join) {
    color: #101612;
}

html[data-home-theme="light"] .ref-card-info {
    background: #f5f3ee;
}

html[data-home-theme="light"] .ref-card:not(.ref-card-join) h2 {
    color: #101612;
}

html[data-home-theme="light"] .ref-card:not(.ref-card-join) .ref-card-arrow {
    color: #101612;
    border-color: #aebbb4;
}

html[data-home-theme="light"] .ref-card:not(.ref-card-join):hover .ref-card-info {
    background: #e4ebe6;
}


/* =========================================
   BECOME A REFEREE — LIGHT THEME
========================================= */

html[data-home-theme="light"] .become-journey {
    background: #dce8ee;
}

html[data-home-theme="light"] .become-light-eyebrow,
html[data-home-theme="light"] .become-journey-heading h2,
html[data-home-theme="light"] .become-stage h3 {
    color: #101612;
}

html[data-home-theme="light"] .become-journey-heading > p,
html[data-home-theme="light"] .become-stage p,
html[data-home-theme="light"] .become-stage-content > span {
    color: #52605b;
}

html[data-home-theme="light"] .become-stages,
html[data-home-theme="light"] .become-stage + .become-stage {
    border-color: #b8c8ce;
}

html[data-home-theme="light"] .become-stage-featured {
    background: rgba(255,255,255,0.55);
}

html[data-home-theme="light"] .become-hero,
html[data-home-theme="light"] .become-academy,
html[data-home-theme="light"] .become-never-alone {
    background: #f5f3ee;
}

html[data-home-theme="light"] .become-why,
html[data-home-theme="light"] .become-support {
    background: #ffffff;
}

/* =========================================
   NEWS & UPDATES — LIGHT THEME
========================================= */

html[data-home-theme="light"] .news-page-hero {
    background: #dce8ee;
}

html[data-home-theme="light"] .news-page-list {
    background: #f5f3ee;
    color: #101612;
}

html[data-home-theme="light"] .news-page-hero h1,
html[data-home-theme="light"] .news-page-hero-copy h2,
html[data-home-theme="light"] .news-page-card h2 a,
html[data-home-theme="light"] .news-page-category,
html[data-home-theme="light"] .news-page-read {
    color: #101612;
}

html[data-home-theme="light"] .news-page-hero-copy p,
html[data-home-theme="light"] .news-page-card-content > p,
html[data-home-theme="light"] .news-page-date,
html[data-home-theme="light"] .news-page-source {
    color: #52605b;
}

html[data-home-theme="light"] .news-page-footer {
    border-color: #cbd1cb;
}

/* =========================================================
   REMAINING PUBLIC PAGES — LIGHT MODE ONLY
   Added without changing existing tested rules.
========================================================= */

/* Referee profile pages: preserve photo overlays and red CTA */
html[data-home-theme="light"] .profile-hero {
    background: #dce8ee;
    color: #101612;
}
html[data-home-theme="light"] .profile-hero-copy h1,
html[data-home-theme="light"] .profile-back-link {
    color: #101612;
}
html[data-home-theme="light"] .profile-role {
    color: #52605b;
}
html[data-home-theme="light"] .profile-about {
    background: #ffffff;
}

/* Committee: keep the final dark CTA as a contrasting feature */
html[data-home-theme="light"] .committee-hero {
    background: #dce8ee;
}
html[data-home-theme="light"] .committee-section {
    background: #ffffff;
}
html[data-home-theme="light"] .committee-section-alt {
    background: #f5f3ee;
}
html[data-home-theme="light"] .committee-section:not(.committee-section-alt) .committee-card {
    background: #f5f3ee;
}

/* Contact */
html[data-home-theme="light"] .referee-contact {
    background: #dce8ee;
    color: #101612;
}

/* Resources: alternate light blue, white and off-white sections */
html[data-home-theme="light"] .resources-hero {
    background: #dce8ee;
}
html[data-home-theme="light"] .resources-matchday {
    background: #f5f3ee;
    color: #101612;
}
html[data-home-theme="light"] .resources-development {
    background: #dce8ee;
    color: #101612;
}
html[data-home-theme="light"] .resources-laws {
    background: #ffffff;
}
html[data-home-theme="light"] .resources-members {
    background: #f5f3ee;
    color: #101612;
}
html[data-home-theme="light"] .resources-matchday .resources-section-number,
html[data-home-theme="light"] .resources-development .development-number,
html[data-home-theme="light"] .resources-members .members-number {
    color: #52605b;
}
html[data-home-theme="light"] .resources-matchday .resources-section-heading-right p,
html[data-home-theme="light"] .resources-development .resources-development-copy p,
html[data-home-theme="light"] .resources-members .resources-members-copy p {
    color: #52605b;
}
html[data-home-theme="light"] .resources-matchday .resources-section-lead,
html[data-home-theme="light"] .resources-development .development-lead,
html[data-home-theme="light"] .resources-members .members-lead,
html[data-home-theme="light"] .resources-development-heading h2,
html[data-home-theme="light"] .resources-members-title h2,
html[data-home-theme="light"] .resources-members-title h2 em {
    color: #101612;
}
html[data-home-theme="light"] .resources-development .development-link,
html[data-home-theme="light"] .resources-members .members-login-link {
    color: #101612;
    border-bottom-color: #aebbb4;
}

/* News articles */
html[data-home-theme="light"] .news-article-header {
    background: #dce8ee;
}
html[data-home-theme="light"] .news-article {
    background: #ffffff;
    color: #101612;
}
