html[data-resa-accent] body.public-drawer {
    --primary:var(--resa-accent);
    --rust:var(--resa-accent);
    --sand:color-mix(in srgb,var(--resa-accent) 8%,white);
    background:var(--sand);
}
html[data-resa-accent] :is(.public-brand-mark,.public-booking-progress li[aria-current=step] b,.public-drawer .cal30-day.selected,.public-drawer .slot-btn.selected,.public-drawer .stepper button[data-delta="1"],.public-drawer .generic-step button[data-plus],.public-drawer .generic-step button[data-xplus],.public-drawer #open-checkout,.public-drawer #submit-booking,.public-drawer .btn-primary,.public-drawer .btn-checkout-black,.public-gift-code-panel #check-voucher,.public-drawer .rc-primary,.rc-confirmation .rc-primary,.rc-confirmation-brand span,.rc-confirmation-heading span:not([hidden]),.rc-confirmation-panel footer a) {
    background:var(--resa-accent)!important;
    border-color:var(--resa-accent)!important;
    color:var(--resa-on-accent)!important;
}
html[data-resa-accent] .public-booking-progress li[aria-current=step] {color:color-mix(in srgb,var(--resa-accent) 65%,#211b38)}
html[data-resa-accent] .rc-confirmation {background:color-mix(in srgb,var(--resa-accent) 8%,white)}
html[data-resa-accent] .rc-confirmation-badge {background:color-mix(in srgb,var(--resa-accent) 14%,white);color:#211b38}
html[data-resa-accent] body:has(.admin-nav) {
    --rust:var(--resa-accent);
    --btn-primary-color:var(--resa-accent);
    --accent-text-on-gold:var(--resa-on-accent);
}
html[data-resa-accent] body:has(.admin-nav) :is(.btn-primary,.booking-detail-drawer .btn-primary,.nav-item.active) {
    background:var(--resa-accent)!important;
    border-color:var(--resa-accent)!important;
    color:var(--resa-on-accent)!important;
}
[data-resa-theme-settings]{margin:0 0 20px;padding:16px;border:1px solid #ded9eb;border-radius:12px}
[data-resa-theme-settings] [data-fields]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin:12px 0}
[data-resa-theme-settings] fieldset{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;border:0;padding:0;margin:0}
[data-resa-theme-settings] legend{font-weight:700;margin-bottom:6px}
[data-resa-theme-settings] select{max-width:100%;padding:6px}
[data-resa-theme-settings] input[hidden]{display:none}
.resa-theme-sample{padding:5px 9px;border-radius:7px;font-weight:700}