/* ============================================================
   BRAND  —  Reading Cygnets: Red #CC0000 · Grey · White
   ============================================================ */

h1, h2, h3, h4, h5, h6 { color: var(--color-dark-grey); }

.section-label { color: var(--color-primary); background: rgba(204,0,0,0.07); border-left-color: var(--color-primary); }
.section-label--gold { color: var(--color-primary-dark); background: rgba(204,0,0,0.07); border-left-color: var(--color-primary); }
.section-title { color: var(--color-dark-grey); }
.section-title span { color: var(--color-primary); }
.section-divider { background: linear-gradient(90deg, var(--color-primary), #e88); }

/* Buttons */
.btn--primary { background: var(--color-primary); color: #fff; border-color: var(--color-primary); box-shadow: 0 4px 15px rgba(204,0,0,0.22); }
.btn--primary:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); color: #fff; box-shadow: 0 8px 25px rgba(204,0,0,0.32); }
.btn--accent { background: var(--color-primary); color: #fff; border-color: var(--color-primary); box-shadow: 0 4px 15px rgba(204,0,0,0.22); }
.btn--accent:hover { background: var(--color-primary-dark); color: #fff; border-color: var(--color-primary-dark); }
.btn--gold { background: var(--color-dark-grey); color: #fff; border-color: var(--color-dark-grey); }
.btn--gold:hover { background: #111; color: #fff; }
.btn--outline { color: var(--color-primary); border-color: var(--color-primary); }
.btn--outline:hover { background: var(--color-primary); color: #fff; }
.btn--outline-white { color: #fff; border-color: rgba(255,255,255,0.6); }
.btn--outline-white:hover { background: #fff; color: var(--color-primary); }

/* Cards */
.swimmer-card::before { background: linear-gradient(90deg, var(--color-primary), #e88); }
/* Placeholder colours are set per-role in team.css */

/* Job title — shown below name for all roles */
.swimmer-card__job-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-mid-grey, #666);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0.2rem 0 0.4rem;
    line-height: 1.3;
}

/* Qualifications list — shown for coaches and committee */
.swimmer-card__qualifications {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.swimmer-card__qualifications li {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--color-primary-dark);
    background: rgba(204,0,0,0.07);
    border: 1px solid rgba(204,0,0,0.15);
    border-radius: 3px;
    padding: 0.2em 0.55em;
    line-height: 1.4;
    white-space: nowrap;
}

/* Achievement, events, joined — secondary info lines */
.swimmer-card__achievement,
.swimmer-card__events,
.swimmer-card__joined {
    font-size: 0.8rem;
    color: var(--color-text-light, #666);
    margin: 0.4rem 0 0;
    line-height: 1.4;
}

.swimmer-card__joined {
    font-size: 0.75rem;
    color: var(--color-mid-grey, #888);
    font-style: italic;
}

/* Role badges */
.swimmer-card__role--coach      { background: rgba(204,0,0,0.08);   color: var(--color-primary-dark); }
.swimmer-card__role--swimmer    { background: rgba(85,85,85,0.10);   color: #444; }
.swimmer-card__role--volunteer  { background: rgba(46,125,50,0.10);  color: #2e7d32; }
.swimmer-card__role--pool-helper{ background: rgba(13,71,161,0.10);  color: #0d47a1; }
.swimmer-card__role--committee  { background: rgba(74,20,140,0.10);  color: #4a148c; }

/* Stats */
.stat-block__number { color: var(--color-primary); }

/* Filter tabs */
.team-filter__tab.is-active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(204,0,0,0.22); }
.team-filter__tab:hover:not(.is-active) { color: var(--color-primary); background: rgba(204,0,0,0.06); }

/* Timeline */
.timeline::before { background: linear-gradient(to bottom, var(--color-primary), #e88, transparent); }
.timeline__item::before { background: var(--color-primary); }
.timeline__year { color: var(--color-primary); }

/* Header */
.site-header { border-bottom: 3px solid var(--color-primary); box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.site-header__topbar { background: #333; color: rgba(255,255,255,0.85); }
.logo-name strong { color: var(--color-primary); }
.logo-name { color: var(--color-dark-grey); }
.site-nav__list > li > a { color: var(--color-dark-grey); }
.site-nav__list > li > a:hover, .site-nav__list > li.current-menu-item > a, .site-nav__list > li.current_page_item > a { color: var(--color-primary); background: rgba(204,0,0,0.06); }

/* Hero */
.home-hero, .team-hero { background: linear-gradient(150deg, #1a1a1a 0%, #333 40%, #660000 100%); }
.home-hero__eyebrow { color: #ffaaaa; background: rgba(204,0,0,0.2); border-color: rgba(204,0,0,0.45); }
.home-hero__title span { color: #ff8888; }
.team-hero__title span { color: #ff8888; }
.team-hero__stat-num { color: #ffaaaa; }
.home-hero__wave svg path, .team-hero__wave svg path { fill: #fff; }

/* Stats bar */
.stats-bar { background: #333; border-top: 3px solid var(--color-primary); }
.stats-bar__num { color: #ff8888; }
.stats-bar__label { color: rgba(255,255,255,0.55); }
.stats-bar__item { border-right-color: rgba(255,255,255,0.1); }

/* About */
.about-visual-card, .about-visual { background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%); }
.about-feature strong { color: var(--color-primary-dark); }

/* Team sections */
.team-section { background: var(--color-off-white); }

/* Volunteer CTA */
.volunteer-cta { background: linear-gradient(135deg, #333 0%, #1a1a1a 100%); }
.volunteer-cta__card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); }
.volunteer-cta__content .section-label { background: rgba(204,0,0,0.2); color: #ffaaaa; border-color: rgba(204,0,0,0.4); }

/* Join CTA */
.home-join { background: linear-gradient(135deg, #333 0%, #1a1a1a 100%); }
.home-join__card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
.home-join__content .section-label { background: rgba(204,0,0,0.2); color: #ffaaaa; border-color: rgba(204,0,0,0.4); }

/* Footer */
.site-footer { background: #1a1a1a; }
.footer-wave { background: var(--color-off-white); }
.footer-wave svg path { fill: #1a1a1a; }
.site-footer__charity { color: #ff8888; }
.footer-link::before { color: var(--color-primary); }
.footer-s-btn:hover, .footer-social-link:hover { background: var(--color-primary); color: #fff; }
.site-footer__bottom { background: #111; border-top-color: rgba(204,0,0,0.2); }

/* Focus / forms */
a:focus-visible, button:focus-visible { outline-color: var(--color-primary); }
.form-control:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(204,0,0,0.1); }

/* Misc */
.back-to-top { background: var(--color-primary) !important; }
.breadcrumb a { color: var(--color-primary); }
.profile-hero { background: var(--color-off-white); }
.profile-hero__quote { border-left-color: var(--color-primary); }
.water-ring { border-color: rgba(255,100,100,0.18); }