/* Paleta por hospedaje. Boceto: guinda muestreado del logo original de Bloom.
   Sustituir estos tokens por colores verificables del logotipo o sitio del cliente. */
:root{
 --brand-primary:#8b153e;
 --brand-on-primary:#ffffff;
 --brand-hover:#6c1030;
 --brand-soft:#f8edf1;
 --brand-line:#e1bdc9;
 --brand-focus:#8b153e;
 --blue:var(--brand-primary);
}
.btn{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}
.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.outline{background:transparent;color:var(--brand-primary)}
.btn.outline:hover{background:var(--brand-soft)}
.reservation-section{--r-coral:var(--brand-primary)}
.reservation-submit,.r-apply{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}
.reservation-submit::before{background:var(--brand-hover)}
.reservation-submit:hover{box-shadow:0 8px 22px #8b153e26}
.r-apply:hover{background:var(--brand-hover)}
.r-day.r-selected{background:var(--brand-primary);color:var(--brand-on-primary)}
.r-day.r-between,.r-day:not(:disabled):not(.r-selected):hover{background:var(--brand-soft)}
.r-day.r-today{box-shadow:inset 0 0 0 1px var(--brand-primary)}
.r-day.r-selected.r-today{box-shadow:none}
.r-field-trigger:hover,.r-field-trigger:focus-visible,.r-counter button:hover:not(:disabled){background:var(--brand-soft)}
.r-field-trigger:focus-visible{outline-color:var(--brand-focus)}
.r-calendar-nav button,.r-counter button,.reservation-close{border-color:var(--brand-line)}
.r-counter button,.r-calendar-nav button{color:var(--brand-primary)}
.reservation-section button:focus-visible,.reservation-section input:focus-visible,
.design-tools button:focus-visible,.design-tools select:focus-visible{outline-color:var(--brand-focus)}
input[type="checkbox"]{accent-color:var(--brand-primary)}
.r-booking-summary::before{background:var(--brand-primary)}
.r-design-review a,.r-preview-foot a{color:var(--brand-primary)}

