/* Loaded only for curated palettes. Classic keeps its original styles. */
html[data-site-palette] .button-primary,
html[data-site-palette] .champions-submit,
html[data-site-palette] .family-steps [aria-current] span{background:var(--primary);color:var(--on-primary)}
html[data-site-palette] .button-primary:hover,
html[data-site-palette] .champions-submit:hover{background:var(--primary-hover)}
html[data-site-palette] .button-lime,
html[data-site-palette] .floating-icon,
html[data-site-palette] .about-stamp,
html[data-site-palette] .soon-icon,
html[data-site-palette] .confirmation-icon,
html[data-site-palette] .onboarding-steps .completed i,
html[data-site-palette] .family-steps .done span{color:var(--on-accent)}
html[data-site-palette] .values-ribbon{color:var(--on-accent);border-color:color-mix(in srgb,var(--lime) 80%,var(--navy))}
html[data-site-palette] .hero-accent svg{stroke:var(--lime)}
html[data-site-palette] .hero-note>span{background:var(--soft);color:var(--accent-ink)}
html[data-site-palette] .live-dot{background:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-ink) 12%,transparent)}
html[data-site-palette] .hero-photo:after{background:linear-gradient(transparent,#2f1542bb)}
html[data-site-palette] .orbit{border-color:var(--line)}
html[data-site-palette] .starburst{text-shadow:0 0 1px var(--navy)}
html[data-site-palette] .tiny-star,
html[data-site-palette] .quote-mark{color:var(--accent-ink)}
html[data-site-palette] .service-icon,
html[data-site-palette] .community-symbols span{background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--blue)}
html[data-site-palette] .service-card:nth-child(2) .service-icon,
html[data-site-palette] .community-symbols span:nth-child(2){background:color-mix(in srgb,var(--accent-ink) 12%,var(--surface));color:var(--accent-ink)}
html[data-site-palette] .service-card:nth-child(3) .service-icon,
html[data-site-palette] .community-symbols span:nth-child(3){background:color-mix(in srgb,var(--secondary) 12%,var(--surface));color:var(--secondary)}
html[data-site-palette] .service-card:nth-child(4) .service-icon{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
html[data-site-palette] .cta-banner{background:linear-gradient(115deg,#2f1542,#4d2864);color:#fff}
html[data-site-palette] .cta-banner .eyebrow{color:var(--lime)}
html[data-site-palette] .cta-banner p{color:#e0d1e9}
html[data-site-palette] .bottom-sheet{box-shadow:0 -12px 100px #2f154233}
html[data-site-palette] .bottom-sheet::backdrop,
html[data-site-palette] .camera-dialog::backdrop{background:#1e0b2c99}
html[data-site-palette] .field input:focus,
html[data-site-palette] .field select:focus,
html[data-site-palette] .field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}
html[data-site-palette] .checkbox-label input{accent-color:var(--primary)}
html[data-site-palette] .events-hero{background:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--lime) 20%,transparent),transparent 55%),var(--soft)}
html[data-site-palette] .event-placeholder{background:linear-gradient(130deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),color-mix(in srgb,var(--lime) 24%,var(--surface)))}
html[data-site-palette] .champions-hero{background:radial-gradient(ellipse at 12% 8%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 40%),radial-gradient(ellipse at 90% 18%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 38%),var(--bg)}
html[data-site-palette] .champions-confetti span:nth-child(3n){background:var(--lime)}
html[data-site-palette] .champions-confetti span:nth-child(3n+1){background:var(--blue)}
html[data-site-palette] .attendance-stat--total{background:color-mix(in srgb,var(--blue) 14%,var(--surface))}
html[data-site-palette] .attendance-stat--total i{color:var(--blue)}
html[data-site-palette] .attendance-stat span{color:var(--muted)}
html[data-site-palette] .attendance-stat strong{color:var(--text)}
/* Status and medal colors retain their meaning; only brand accents change. */
html[data-site-palette] .attendance-stat--used{background:color-mix(in srgb,#d9a126 16%,var(--surface))}
html[data-site-palette] .attendance-stat--remaining{background:color-mix(in srgb,#14935d 16%,var(--surface))}