/* Only enabled after gerencia saves a background for the selected club. */
html[data-club-theme] body{background:var(--club-bg);color:var(--club-text);--accent:var(--club-accent);--muted:var(--club-muted);--line:var(--club-line);color-scheme:dark}
html[data-club-theme=light] body{color-scheme:light}
html[data-club-theme] :is(.panel-box,.metric,.summary-card,.benefit,.package-card,.clock-picker,.date-picker,.booking-pickers .clock-picker,.clock-face,.next-benefit,.birthday-benefit,.club-identity,.vip-entry,.vip-countdown-panel,.booking-card-col){background:var(--club-surface);color:var(--club-text);border-color:var(--club-line)}
html[data-club-theme] :is(.join-banner,.gift,.quote-box,.invitation,.welcome-offer,.performed-banner,.session-booking,.package-bonus,.f360-package-offer,.f360-trial){background:var(--club-soft);color:var(--club-text);border-color:var(--club-accent-text)}
html[data-club-theme] :is(dialog,input,textarea,select,.clock-mode,.clock-period,.calendar-nav button){background:var(--club-raised);color:var(--club-text);border-color:var(--club-line)}
html[data-club-theme] :is(label,.textlink,.close,td,td strong,.calendar-day,.dial-tick){color:var(--club-text)}
html[data-club-theme] :is(.terms,footer span,footer a,footer p,td small,.calendar-week,.welcome-line,.welcome-offer p,.invitation p,.next-benefit small,.birthday-benefit small,.video-experience p,.reservation-alerts span,.package-bonus .bonus-kicker,.package-bonus strong .bonus-currency,.package-bonus .bonus-saving,.f360-trial small,.f360-package-offer small,.f360-timer-row p){color:var(--club-muted)}
html[data-club-theme] :is(.eyebrow,.brand small,.brand-mark,.hero h1 em,.benefit .number,.benefit .symbol,.benefit strong,.steps b,.metric strong,th,.gift strong,.package-bonus,.vip-entry h2,.vip-countdown-panel .eyebrow,.vip-countdown,.vip-celebration-heading h2,.vip-celebration-heading .eyebrow,.f360-trial>span,.f360-timer,.f360-package-offer>span,.f360-package-offer small strong){color:var(--club-accent-text)!important}
html[data-club-theme] th{background:var(--club-soft)}
html[data-club-theme] :is(.button:not(.ghost):not(.danger),.ticker,.package-badge,.package-ribbon,.package-bonus .bonus-cta,.admin-tabs button.active,.clock-controls .selected,.calendar-day.selected,.dial-tick.selected,.performed-smile,.mini-progress i.on){color:var(--club-button-ink);background:var(--club-accent)}
html[data-club-theme] .button.ghost{color:var(--club-text);border-color:var(--club-line);background:transparent}
html[data-club-theme] .bottom-benefits>.button{background:var(--club-text);color:var(--club-bg);border-color:var(--club-text)}
html[data-club-theme] :is(.brand-mark,.hero-note>span,.visual:before,.welcome-offer,.package-bonus,.club-gallery figure,.empty){border-color:var(--club-accent-text)}
html[data-club-theme] .owner-note{background:var(--club-soft)}
html[data-club-theme] .referral-roster>div{border-color:var(--club-line)}
html[data-club-theme] .referral-origin{background:var(--club-soft)}
html[data-club-theme] .benefit-track{background:var(--club-line)}
html[data-club-theme] .calendar-day:disabled{color:var(--club-muted);opacity:.45}
html[data-club-theme] .calendar-day:hover:not(:disabled){background:var(--club-soft)}
html[data-club-theme] .photo-label{color:#fff}
/* Credit-style reward cards retain their dark finish with a readable brand accent. */
html[data-club-theme] :is(.loyalty-card,.referral-card-premium,.vip-credit-card){--accent:var(--club-card-accent);--muted:#c7bdab;background:linear-gradient(135deg,#262626,#090909);color:#f7f4eb;border-color:var(--club-card-accent)}
html[data-club-theme] :is(.loyalty-card,.referral-card-premium,.vip-credit-card) :is(.hint,p,.card-person,.card-bottom){color:#c7bdab}
html[data-club-theme] :is(.loyalty-card,.referral-card-premium,.vip-credit-card) :is(.card-top small,.card-top strong,.card-glyph,.vip-card-brand,.vip-card-star,.vip-card-discount,.stamp.free){color:var(--club-card-accent)}
html[data-club-theme] :is(.loyalty-card,.referral-card-premium) :is(.stamp.filled,.stamp.double-check,.mini-progress i.on){background:var(--club-card-accent);color:#111;border-color:var(--club-card-accent)}
html[data-club-theme] :is(.loyalty-card,.referral-card-premium) .card-encouragement{color:var(--club-card-accent)!important}
html[data-club-theme] .vip-celebration-heading p{color:var(--club-muted)}
html[data-club-theme] .vip-code-footnote{color:var(--club-muted)}
.theme-panel{margin-bottom:24px}
.theme-preview{border:1px solid;border-radius:12px;padding:24px;margin:16px 0;transition:background .15s,color .15s}
.theme-preview strong{display:block;font-size:22px;margin-bottom:10px}
.theme-preview p{color:inherit!important}
.theme-preview span{display:inline-block;padding:12px 18px;border-radius:5px;font-weight:bold}
.theme-preview-note{min-height:1.8em}
.theme-panel input[type=color]{width:100%;height:48px}

html[data-club-theme] .referral-compact-card.vet-referral-card{border-color:var(--club-card-accent);background:linear-gradient(135deg,#30291d,#121212);color:#fff}html[data-club-theme] .referral-compact-card.vet-referral-card .referral-share-cta{background:var(--club-accent);border-color:var(--club-accent);color:var(--club-button-ink)}html[data-club-theme] .referral-compact-card.vet-referral-card .card-top small,html[data-club-theme] .referral-compact-card.vet-referral-card .referral-compact-copy strong{color:var(--club-card-accent)}html[data-club-theme] .referral-compact-card.vet-referral-card p:not(.capacity-warning){color:#edf4ef}html[data-club-theme] .referral-compact-card.vet-referral-card .referral-copy-link{color:#fff}