/* Dark mode: new emerald green everywhere (buttons, icons, borders, focus rings, badges, pins, bookmarks).
   Original greys/backgrounds are untouched.
   Fill = #009966 (hover #00bc7d) | text/icons = #00d492 | borders/rings = #00bc7d
   To REVERT: delete this file and remove the <link ... theme_dark_moov.css ...> line from the templates. */

/* ---------- landing page brand variables ---------- */
.dark #lp{
  --lp-brand:#009966; --lp-brand-strong:#009966; --lp-brand-hover:#00bc7d; --lp-brand-ink:#00d492; --lp-focus:#00d492;
}
.dark #lp .lp-tab[aria-selected="true"]{color:#00d492}
.dark #lp .lp-tab[aria-selected="true"] small{background:#009966;color:#fff}
.dark .lp-find .lp-btn:hover,.dark .lp-more .lp-btn:hover{background:#00bc7d}
.dark .lp-more .lp-btn,.dark .lp-cookie-yes{background:#009966;border-color:#009966}
.dark .lp-cookie-yes:hover{background:#00bc7d;border-color:#00bc7d}
.dark .lp-bm[aria-pressed="true"] svg path{fill:#00d492;stroke:#00d492}
.dark .lp-bm:focus-visible{outline-color:#00d492}
.dark .lp-type-cap > span{background:#009966}
.dark .lp-pin{stroke:#00d492}
.dark .lp-cookie-ico{color:#00d492}
.dark .lp-toast{border-color:#007a55;color:#00d492}
html.dark .wrc-cc p a,html.dark .wrc-cc-ico{color:#00d492!important}

/* ---------- hard-coded #3fb584 (Tailwind arbitrary classes + inline styles) ---------- */
.dark .bg-\[\#3fb584\]{background-color:#009966!important}
.dark .hover\:bg-\[\#35a073\]:hover{background-color:#00bc7d!important}
.dark .text-\[\#3fb584\]{color:#00d492!important}
.dark .fill-\[\#3fb584\]{fill:#00d492!important}
.dark .stroke-\[\#3fb584\]{stroke:#00d492!important}
.dark .focus\:border-\[\#3fb584\]:focus{border-color:#00bc7d!important}
.dark [style*="color:#3fb584"],.dark [style*="color: #3fb584"]{color:#00d492!important}
.dark [style*="background-color: #3fb584"],.dark [style*="background-color:#3fb584"],.dark [style*="background:#3fb584"]{background-color:#009966!important}

/* ---------- Tailwind green / emerald utilities ---------- */
.dark .bg-green-600,.dark .bg-green-700,.dark .bg-emerald-500,.dark .bg-emerald-600,.dark .bg-emerald-700,
.dark .dark\:bg-green-700,.dark .dark\:bg-emerald-700{background-color:#009966!important}
.dark .hover\:bg-green-700:hover,.dark .hover\:bg-green-600:hover,.dark .hover\:bg-emerald-700:hover,.dark .hover\:bg-emerald-600:hover{background-color:#00bc7d!important}
.dark .text-green-400,.dark .text-green-500,.dark .text-green-600,.dark .text-emerald-600,
.dark .dark\:text-green-400{color:#00d492!important}
.dark .border-green-500,.dark .border-emerald-500,.dark .dark\:border-green-800{border-color:#00bc7d!important}
.dark .ring-green-400,.dark .ring-green-500,.dark .ring-emerald-500,.dark .focus\:ring-green-500:focus{--tw-ring-color:#00bc7d!important}
.dark .accent-green-500,.dark .accent-green-600{accent-color:#009966!important}
.dark input[type="checkbox"],.dark input[type="radio"],.dark input[type="range"]{accent-color:#009966}

/* ---------- dashboard / organizer pages (dash_v2.css variables) ---------- */
.dark .db-sb,.dark .db-body{--db-brand:#009966; --db-strong:#009966; --db-hover:#00bc7d; --db-brand-ink:#00d492; --db-focus:#00d492}
.dark .db-cal-day.is-sel,.dark .db-cal-day.is-sel:hover,.dark .db-tm-it.is-sel,.dark .db-tm-it.is-sel:hover{background:#009966}

/* ---------- header, footer, newsletter box, dropdowns (site_v2.css; html.dark = higher specificity because that sheet loads later) ---------- */
html.dark .sx-header,html.dark .sx-pop,html.dark .sx-foot,html.dark .sx-sub{
  --sx-brand:#009966; --sx-brand-strong:#009966; --sx-brand-hover:#00bc7d; --sx-brand-ink:#00d492; --sx-focus:#00d492;
}
html.dark .sx-switch{background:#009966;border-color:#009966}
html.dark .sx-sub-form input:focus{box-shadow:0 0 0 3px rgba(0,153,102,.35)}

/* ---------- event cards (cards_v1.css) and cookie banner (inline styles load later) ---------- */
html.dark .nx{--nx-brand:#009966; --nx-hover:#00bc7d; --nx-ink-brand:#00d492}
html.dark .nx-btn:hover{background:#00bc7d}
html.dark .wrc-lang a:hover,html.dark .wrc-lang a[aria-current]{color:#00d492}

/* ======== AUTO-GENERATED: every dark-mode rule in the site stylesheets / page <style> blocks that used the old green ======== */
/* --- site_v2.css --- */
html.dark .sx-header{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#00bc7d!important;--sx-focus:#009966!important}
html.dark .sx-pop{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#00bc7d!important;--sx-focus:#009966!important}
html.dark .sx-foot{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#00bc7d!important;--sx-focus:#009966!important}
html.dark .sx-sub{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#00bc7d!important;--sx-focus:#009966!important}
html.dark .sx-header{--sx-brand-ink:#00d492!important;--sx-focus:#009966!important}
html.dark .sx-pop{--sx-brand-ink:#00d492!important;--sx-focus:#009966!important}
html.dark .sx-foot{--sx-brand-ink:#00d492!important;--sx-focus:#009966!important}
html.dark .sx-sub{--sx-brand-ink:#00d492!important;--sx-focus:#009966!important}
html.dark .sx-switch{background:#009966!important;border-color:#00bc7d!important}
/* --- cards_v1.css --- */
html.dark .nx{--nx-brand:#009966!important;--nx-hover:#00bc7d!important}
html.dark .nx{--nx-ink-brand:#00d492!important}
/* --- landing_v2.css --- */
html.dark #lp{--lp-brand:#009966!important;--lp-brand-strong:#009966!important;--lp-brand-hover:#00bc7d!important;--lp-focus:#009966!important}
html.dark #lp{--lp-brand:#009966!important;--lp-brand-strong:#009966!important;--lp-brand-hover:#00bc7d!important;--lp-brand-ink:#00d492!important;--lp-focus:#009966!important}
html.dark #lp .lp-tab[aria-selected="true"]{color:#00d492!important}
html.dark .lp-type:hover .lp-type-cap b{color:#00d492!important}
html.dark .lp-type:focus-visible .lp-type-cap b{color:#00d492!important}
html.dark .lp-find .lp-btn:hover{background:#00bc7d!important}
html.dark .lp-more .lp-btn{background:#009966!important}
html.dark .lp-more .lp-btn:hover{background:#00bc7d!important}
html.dark #lp .lp-tab[aria-selected="true"] small{background:#009966!important}
html.dark .lp-bm[aria-pressed="true"] svg path{fill:#00d492!important;stroke:#00d492!important}
html.dark .lp-bm:focus-visible{outline:3px solid #00bc7d!important}
html.dark .lp-type-cap > span{background:#009966!important}
html.dark .lp-type:active .lp-type-cap b{color:#00d492!important}
html.dark .lp-pin{stroke:#00d492!important}
html.dark .lp-cookie-ico{color:#00d492!important}
html.dark .lp-cookie-yes{background:#009966!important;border:1px solid #00bc7d!important}
html.dark .lp-cookie-yes:hover{background:#00bc7d!important;border-color:#00bc7d!important}
/* --- dash_v2.css --- */
html.dark .db-sb{--db-brand:#009966!important;--db-strong:#009966!important;--db-hover:#00bc7d!important;--db-focus:#009966!important}
html.dark .db-body{--db-brand:#009966!important;--db-strong:#009966!important;--db-hover:#00bc7d!important;--db-focus:#009966!important}
html.dark .db-sb{--db-brand-ink:#00d492!important;--db-focus:#009966!important}
html.dark .db-body{--db-brand-ink:#00d492!important;--db-focus:#009966!important}
html.dark .db-sb{--db-strong:#009966!important;--db-hover:#00bc7d!important}
html.dark .db-body{--db-strong:#009966!important;--db-hover:#00bc7d!important}
html.dark .db-cal-day.is-sel{background:#009966!important}
html.dark .db-cal-day.is-sel:hover{background:#00bc7d!important}
html.dark .db-tm-it.is-sel{background:#009966!important}
html.dark .db-tm-it.is-sel:hover{background:#00bc7d!important}
/* --- event_detail.css --- */
html.dark .breadcrumb a{color:#00d492!important}
html.dark .breadcrumb svg{stroke:#00d492!important}
html.dark .breadcrumb .separator{stroke:#00d492!important}
html.dark .toast.success{background-color:#009966!important}
@media (max-width: 767px){
html.dark #sticky-register-bar .sticky-register-btn{background:linear-gradient(135deg, #009966, #009966)!important}
}
/* --- event_v2.css --- */
html.dark #ev{--ev-brand:#009966!important;--ev-brand-strong:#009966!important;--ev-brand-hover:#00bc7d!important;--ev-focus:#009966!important}
html.dark #sticky-register-bar{--ev-brand:#009966!important;--ev-brand-strong:#009966!important;--ev-brand-hover:#00bc7d!important;--ev-focus:#009966!important}
html.dark #ev{--ev-brand-ink:#00d492!important;--ev-focus:#009966!important}
html.dark #sticky-register-bar{--ev-brand-ink:#00d492!important;--ev-focus:#009966!important}
html.dark nav.section-tabs-container{--ev-brand:#009966!important}
html.dark nav.section-tabs-container{--ev-brand-ink:#00d492!important}
html.dark .ev-avatar{background:linear-gradient(135deg,#009966,#009966)!important}
html.dark .ev-flash .ok{border-color:#00bc7d!important}
/* --- event_v3.css --- */
html.dark #ed{--ed-brand:#009966!important;--ed-strong:#009966!important;--ed-hover:#00bc7d!important;--ed-focus:#009966!important}
html.dark #sticky-register-bar{--ed-brand:#009966!important;--ed-strong:#009966!important;--ed-hover:#00bc7d!important;--ed-focus:#009966!important}
html.dark #ed{--ed-brand-ink:#00d492!important;--ed-focus:#009966!important}
html.dark #sticky-register-bar{--ed-brand-ink:#00d492!important;--ed-focus:#009966!important}
html.dark .ed-count{background:#009966!important}
html.dark nav.section-tabs-container{--ed-brand:#009966!important}
html.dark nav.section-tabs-container{--ed-brand-ink:#00d492!important}
html.dark .ed-avatar{background:linear-gradient(135deg,#009966,#009966)!important}
html.dark .ed-flash .ok{border-color:#00bc7d!important}
html.dark .ed-chip:hover{border-color:#00bc7d!important}
html.dark .ed-meta .ed-i{color:#00d492!important}
html.dark .ed-glass:hover{border-color:#00bc7d!important}
@media (max-width:767px){
html.dark .section-tabs a:hover{border-color:#00bc7d!important}
html.dark .section-tabs a.active{background:#009966!important;border-color:#00bc7d!important}
}
html.dark .ed-races.ed-acc .ed-race-chev{color:#00d492!important}
/* --- pages_v2.css --- */
html.dark #pv{--pv-brand:#009966!important;--pv-brand-strong:#009966!important;--pv-brand-hover:#00bc7d!important;--pv-focus:#009966!important}
html.dark #pv{--pv-brand-ink:#00d492!important;--pv-focus:#009966!important}
html.dark #pv{--pv-brand-strong:#009966!important;--pv-brand-hover:#00bc7d!important}
/* --- results_v2.css --- */
html.dark #rc{--rc-brand:#009966!important;--rc-brand-hover:#00bc7d!important;--rc-focus:#009966!important}
html.dark .rc-ctry-item:hover{border-color:#00bc7d!important}
html.dark .rc-ctry-item:focus-visible{outline:3px solid #00bc7d!important}
/* --- results.css --- */
html.dark .subtype-btn:hover{border-color:#00bc7d!important}
html.dark .counter-badge{background:linear-gradient(135deg, #009966, #009966)!important}
html.dark .btn-accent{background:linear-gradient(135deg, #009966, #009966)!important}
html.dark .btn-accent:hover{background:linear-gradient(135deg, #00bc7d, #00bc7d)!important}
html.dark .toast.success{background-color:#009966!important}
/* --- wrc-modals.css --- */
html.dark .wrc-ov{--g1:#009966!important;--g2:#009966!important}
html.dark .wrc-aside::after{background:#009966!important}
html.dark .wrc-btn{background:#009966!important}
html.dark .wrc-btn:hover{background:#00bc7d!important}
html.dark .wrc-copy .wrc-btn.done{background:#009966!important}
html.dark .wrc-sc-share{color:#00d492!important}
html.dark .wrc-sc-copy{color:#00d492!important}
html.dark .wrc-btn.is-done{background:#009966!important}
html.dark .wrc-ov{--brand-ink:#00d492!important}
html.dark .wrc-aside::before{background:#009966!important}
/* --- about_us.html <style> --- */
html.dark .cookie-section h2{border-bottom:2px solid #00bc7d!important}
/* --- activation_success.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- add_event.html <style> --- */
html.dark input:focus{border-color:#00bc7d!important}
html.dark select:focus{border-color:#00bc7d!important}
html.dark textarea:focus{border-color:#00bc7d!important}
html.dark .distance-btn.active{border-color:#00bc7d!important}
html.dark form#add-event-form button[type="submit"]{background:#009966!important}
/* --- cookie_policy.html <style> --- */
html.dark .cookie-section h2{border-bottom:2px solid #00bc7d!important}
html.dark .cookie-category{background-color:#009966!important}
/* --- discounts.html <style> --- */
html.dark .btn-card-light{color:#00d492!important}
/* --- edit_event.html <style> --- */
html.dark input:focus{border-color:#00bc7d!important}
html.dark select:focus{border-color:#00bc7d!important}
html.dark textarea:focus{border-color:#00bc7d!important}
html.dark .distance-btn.active{border-color:#00bc7d!important}
html.dark form#add-event-form button[type="submit"]{background:#009966!important}
html.dark form#edit-event-form button[type="submit"]{background:#009966!important}
/* --- includes/cookie_consent.html <style> --- */
html.dark .wrc-cc-ico{color:#00d492!important}
html.dark .wrc-cc p a{color:#00d492!important}
/* --- login.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- organizer_signup.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- password_reset_confirm.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- password_reset_done.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- password_reset_form.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- privacy_policy.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
html.dark .policy-section h2{border-bottom:2px solid #00bc7d!important}
/* --- signup.html <style> --- */
html.dark .btn-accent{background-color:#009966!important}
/* --- terms_of_service.html <style> --- */
html.dark .terms-section h2{border-bottom:2px solid #00bc7d!important}

/* ---------- misc: hover-group bookmark icon, toasts ---------- */
html.dark .group\/bookmarkicons:hover .group-hover\/bookmarkicons\:stroke-\[\#3fb584\]{stroke:#00d492!important}
html.dark .wrc-toast{--c:#00d492}
html.dark .wrc-toast.t-success{--c:#00d492}
html.dark .wrc-toast.t-info-brand{--c:#00d492}


/* ===== LIGHT MODE green (same palette, darker shades for contrast on white) ===== */
/* --- LIGHT site_v2.css --- */
html:not(.dark) .sx-header{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#007a55!important;--sx-focus:#009966!important}
html:not(.dark) .sx-pop{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#007a55!important;--sx-focus:#009966!important}
html:not(.dark) .sx-foot{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#007a55!important;--sx-focus:#009966!important}
html:not(.dark) .sx-sub{--sx-brand:#009966!important;--sx-brand-strong:#009966!important;--sx-brand-hover:#007a55!important;--sx-focus:#009966!important}
/* --- LIGHT cards_v1.css --- */
html:not(.dark) .nx{--nx-brand:#009966!important;--nx-hover:#007a55!important}
/* --- LIGHT landing_v2.css --- */
html:not(.dark) #lp{--lp-brand:#009966!important;--lp-brand-strong:#009966!important;--lp-brand-hover:#007a55!important;--lp-focus:#009966!important}
html:not(.dark) .lp-type:hover .lp-type-cap b{color:#007a55!important}
html:not(.dark) .lp-type:focus-visible .lp-type-cap b{color:#009966!important}
html:not(.dark) .lp-find .lp-btn:hover{background:#007a55!important}
html:not(.dark) .lp-more .lp-btn{background:#009966!important}
html:not(.dark) .lp-more .lp-btn:hover{background:#007a55!important}
html:not(.dark) .lp-bm[aria-pressed="true"] svg path{fill:#009966!important;stroke:#009966!important}
html:not(.dark) .lp-bm:focus-visible{outline:3px solid #009966!important}
html:not(.dark) #lp .lp-tab[aria-selected="true"] small{background:#009966!important}
html:not(.dark) .lp-type-cap > span{background:#009966!important}
html:not(.dark) .lp-type:active .lp-type-cap b{color:#009966!important}
html:not(.dark) .lp-pin{stroke:#009966!important}
html:not(.dark) .lp-cookie-ico{color:#009966!important}
html:not(.dark) .lp-cookie-yes{background:#009966!important;border:1px solid #009966!important}
html:not(.dark) .lp-cookie-yes:hover{background:#007a55!important;border-color:#007a55!important}
/* --- LIGHT dash_v2.css --- */
html:not(.dark) .db-sb{--db-brand:#009966!important;--db-strong:#009966!important;--db-hover:#007a55!important;--db-focus:#009966!important}
html:not(.dark) .db-body{--db-brand:#009966!important;--db-strong:#009966!important;--db-hover:#007a55!important;--db-focus:#009966!important}
html:not(.dark) .db-sb{--db-strong:#009966!important;--db-hover:#007a55!important}
html:not(.dark) .db-body{--db-strong:#009966!important;--db-hover:#007a55!important}
html:not(.dark) .db-cal-day.is-sel{background:#009966!important}
html:not(.dark) .db-cal-day.is-sel:hover{background:#007a55!important}
html:not(.dark) .db-tm-it.is-sel{background:#009966!important}
html:not(.dark) .db-tm-it.is-sel:hover{background:#007a55!important}
/* --- LIGHT event_detail.css --- */
html:not(.dark) .breadcrumb a{color:#009966!important}
html:not(.dark) .breadcrumb svg{stroke:#009966!important}
html:not(.dark) .breadcrumb .separator{stroke:#009966!important}
html:not(.dark) .toast.success{background-color:#009966!important}
@media (max-width: 767px){
html:not(.dark) #sticky-register-bar .sticky-register-btn{background:linear-gradient(135deg, #009966, #009966)!important}
}
/* --- LIGHT event_v2.css --- */
html:not(.dark) #ev{--ev-brand:#009966!important;--ev-brand-strong:#009966!important;--ev-brand-hover:#007a55!important;--ev-focus:#009966!important}
html:not(.dark) #sticky-register-bar{--ev-brand:#009966!important;--ev-brand-strong:#009966!important;--ev-brand-hover:#007a55!important;--ev-focus:#009966!important}
html:not(.dark) nav.section-tabs-container{--ev-brand:#009966!important}
html:not(.dark) .ev-avatar{background:linear-gradient(135deg,#009966,#009966)!important}
html:not(.dark) .ev-flash .ok{border-color:#009966!important}
/* --- LIGHT event_v3.css --- */
html:not(.dark) #ed{--ed-brand:#009966!important;--ed-strong:#009966!important;--ed-hover:#007a55!important;--ed-focus:#009966!important}
html:not(.dark) #sticky-register-bar{--ed-brand:#009966!important;--ed-strong:#009966!important;--ed-hover:#007a55!important;--ed-focus:#009966!important}
html:not(.dark) .ed-count{background:#009966!important}
html:not(.dark) nav.section-tabs-container{--ed-brand:#009966!important}
html:not(.dark) .ed-avatar{background:linear-gradient(135deg,#009966,#009966)!important}
html:not(.dark) .ed-flash .ok{border-color:#009966!important}
@media (max-width:767px){
html:not(.dark) .section-tabs a:hover{border-color:#007a55!important}
html:not(.dark) .section-tabs a.active{background:#009966!important;border-color:#009966!important}
}
html:not(.dark) .ed-races.ed-acc .ed-race-chev{color:#009966!important}
/* --- LIGHT pages_v2.css --- */
html:not(.dark) #pv{--pv-brand:#009966!important;--pv-brand-strong:#009966!important;--pv-brand-hover:#007a55!important;--pv-focus:#009966!important}
html:not(.dark) #pv{--pv-brand-strong:#009966!important;--pv-brand-hover:#007a55!important}
/* --- LIGHT results_v2.css --- */
html:not(.dark) #rc{--rc-brand:#009966!important;--rc-brand-hover:#007a55!important;--rc-focus:#009966!important}
html:not(.dark) .rc-ctry-item:hover{border-color:#007a55!important}
html:not(.dark) .rc-ctry-item:focus-visible{outline:3px solid #009966!important}
/* --- LIGHT results.css --- */
html:not(.dark) .subtype-btn:hover{border-color:#007a55!important}
html:not(.dark) .counter-badge{background:linear-gradient(135deg, #009966, #009966)!important}
html:not(.dark) .btn-accent{background:linear-gradient(135deg, #009966, #009966)!important}
html:not(.dark) .btn-accent:hover{background:linear-gradient(135deg, #007a55, #007a55)!important}
html:not(.dark) .toast.success{background-color:#009966!important}
/* --- LIGHT wrc-modals.css --- */
html:not(.dark) .wrc-ov{--g1:#009966!important;--g2:#009966!important}
html:not(.dark) .wrc-aside::after{background:#009966!important}
html:not(.dark) .wrc-btn{background:#009966!important}
html:not(.dark) .wrc-btn:hover{background:#007a55!important}
html:not(.dark) .wrc-copy .wrc-btn.done{background:#009966!important}
html:not(.dark) .wrc-sc-share{color:#009966!important}
html:not(.dark) .wrc-sc-copy{color:#009966!important}
html:not(.dark) .wrc-btn.is-done{background:#009966!important}
/* --- LIGHT about_us.html <style> --- */
html:not(.dark) .cookie-section h2{border-bottom:2px solid #009966!important}
/* --- LIGHT activation_success.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT add_event.html <style> --- */
html:not(.dark) input:focus{border-color:#009966!important}
html:not(.dark) select:focus{border-color:#009966!important}
html:not(.dark) textarea:focus{border-color:#009966!important}
html:not(.dark) .distance-btn.active{border-color:#009966!important}
html:not(.dark) form#add-event-form button[type="submit"]{background:#009966!important}
/* --- LIGHT cookie_policy.html <style> --- */
html:not(.dark) .cookie-section h2{border-bottom:2px solid #009966!important}
html:not(.dark) .cookie-category{background-color:#009966!important}
/* --- LIGHT discounts.html <style> --- */
html:not(.dark) .btn-card-light{color:#009966!important}
/* --- LIGHT edit_event.html <style> --- */
html:not(.dark) input:focus{border-color:#009966!important}
html:not(.dark) select:focus{border-color:#009966!important}
html:not(.dark) textarea:focus{border-color:#009966!important}
html:not(.dark) .distance-btn.active{border-color:#009966!important}
html:not(.dark) form#add-event-form button[type="submit"]{background:#009966!important}
html:not(.dark) form#edit-event-form button[type="submit"]{background:#009966!important}
/* --- LIGHT includes/cookie_consent.html <style> --- */
html:not(.dark) .wrc-cc-ico{color:#009966!important}
html:not(.dark) .wrc-cc p a{color:#009966!important}
/* --- LIGHT login.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT organizer_signup.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT password_reset_confirm.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT password_reset_done.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT password_reset_form.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT privacy_policy.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
html:not(.dark) .policy-section h2{border-bottom:2px solid #009966!important}
/* --- LIGHT signup.html <style> --- */
html:not(.dark) .btn-accent{background-color:#009966!important}
/* --- LIGHT terms_of_service.html <style> --- */
html:not(.dark) .terms-section h2{border-bottom:2px solid #009966!important}

/* ---------- light mode: hard-coded #3fb584 + Tailwind greens ---------- */
html:not(.dark) .bg-\[\#3fb584\]{background-color:#009966!important}
html:not(.dark) .hover\:bg-\[\#35a073\]:hover{background-color:#007a55!important}
html:not(.dark) .text-\[\#3fb584\]{color:#009966!important}
html:not(.dark) .fill-\[\#3fb584\]{fill:#009966!important}
html:not(.dark) .stroke-\[\#3fb584\]{stroke:#009966!important}
html:not(.dark) .focus\:border-\[\#3fb584\]:focus{border-color:#009966!important}
html:not(.dark) .group\/bookmarkicons:hover .group-hover\/bookmarkicons\:stroke-\[\#3fb584\]{stroke:#009966!important}
html:not(.dark) [style*="color:#3fb584"],html:not(.dark) [style*="color: #3fb584"]{color:#009966!important}
html:not(.dark) [style*="background-color: #3fb584"],html:not(.dark) [style*="background-color:#3fb584"],html:not(.dark) [style*="background:#3fb584"]{background-color:#009966!important}
html:not(.dark) .bg-green-600,html:not(.dark) .bg-green-700,html:not(.dark) .bg-emerald-500,html:not(.dark) .bg-emerald-600,html:not(.dark) .bg-emerald-700{background-color:#009966!important}
html:not(.dark) .hover\:bg-green-700:hover,html:not(.dark) .hover\:bg-emerald-700:hover,html:not(.dark) .hover\:bg-emerald-600:hover{background-color:#007a55!important}
html:not(.dark) .text-green-500,html:not(.dark) .text-green-600,html:not(.dark) .text-emerald-600{color:#009966!important}
html:not(.dark) .border-green-500,html:not(.dark) .border-emerald-500{border-color:#009966!important}
html:not(.dark) .ring-green-400,html:not(.dark) .ring-green-500,html:not(.dark) .ring-emerald-500,html:not(.dark) .focus\:ring-green-500:focus{--tw-ring-color:#009966!important}
html:not(.dark) input[type="checkbox"],html:not(.dark) input[type="radio"],html:not(.dark) input[type="range"]{accent-color:#009966}
html:not(.dark) .wrc-toast.t-success{--c:#009966}
html:not(.dark) .wrc-toast{--c:#009966}
/* browser-tab/theme and event date tile */

/* ---------- FIX: selected tab count badge was unreadable (dark text on green) ---------- */
html #lp .lp-tab[aria-selected="true"] small,html:not(.dark) #lp .lp-tab[aria-selected="true"] small,html.dark #lp .lp-tab[aria-selected="true"] small{background:#009966!important;color:#fff!important}

/* ---------- date tiles: ORIGINAL pale background kept, only the letters/number use the new green ---------- */
html:not(.dark) .lp-date,html:not(.dark) .lp-date b,html:not(.dark) .lp-date i,
html:not(.dark) .rc-date,html:not(.dark) .rc-date b,html:not(.dark) .rc-date i,
html:not(.dark) .ed-date,html:not(.dark) .ed-date b,html:not(.dark) .ed-date i,
html:not(.dark) .ev-date,html:not(.dark) .ev-date b,html:not(.dark) .ev-date i{color:#009966!important}
html.dark .lp-date,html.dark .lp-date b,html.dark .lp-date i,
html.dark .rc-date,html.dark .rc-date b,html.dark .rc-date i,
html.dark .ed-date,html.dark .ed-date b,html.dark .ed-date i,
html.dark .ev-date,html.dark .ev-date b,html.dark .ev-date i{color:#009966!important}

/* ---------- landing tabs, dark mode: selected tab label white, only the count pill green ---------- */
html.dark #lp .lp-tab[aria-selected="true"],html.dark #lp .lp-tab[aria-selected="true"] .lp-tab-name{color:#fff!important}

/* ---------- landing type/distance tiles: hover/focus/active label is a LIGHT green (text sits on a dark image overlay) ---------- */
html .lp-type:hover .lp-type-cap b,html .lp-type:focus-visible .lp-type-cap b,html .lp-type:active .lp-type-cap b,
html:not(.dark) .lp-type:hover .lp-type-cap b,html:not(.dark) .lp-type:focus-visible .lp-type-cap b,html:not(.dark) .lp-type:active .lp-type-cap b,
html.dark .lp-type:hover .lp-type-cap b,html.dark .lp-type:focus-visible .lp-type-cap b,html.dark .lp-type:active .lp-type-cap b{color:#00d492!important}

/* ---------- filled controls: border = same colour as the fill (no lighter outline) ---------- */
html.dark .sx-switch{background:#009966!important;border-color:#009966!important}
html.dark .lp-cookie-yes{background:#009966!important;border-color:#009966!important}
html.dark .lp-cookie-yes:hover{background:#00bc7d!important;border-color:#00bc7d!important}
@media (max-width:767px){
html.dark .section-tabs a.active{background:#009966!important;border-color:#009966!important}
}

/* ---------- results page: country strip band slightly different from the page in dark mode too (light mode: #F9FAFB band) ---------- */
html.dark .rc-ctry-sec{background:#0e1522!important}

/* ---------- event page hero, dark mode: slightly different band from the page (light mode: #F1F7F4), same colour as the footer (#0e1522), same as results country strip ---------- */
html.dark .ed-hero{background:#0e1522!important}
html.dark .ed-hero::before{background:linear-gradient(180deg,rgba(14,21,34,.72) 0%,rgba(14,21,34,.96) 100%)!important}
html.dark .ed-hero.no-img{background:linear-gradient(135deg,#1c2638,#0e1522 70%)!important}

/* hero h1: same weight in dark as light on mobile only so line wrapping is identical */
@media (max-width:639px){html.dark .lp-hero h1,html.dark #lp .lp-hero h1{font-weight:700!important}}