:root {
  --brand-primary:#f72b9c;--brand-accent:#7c3aed;
  --brand-p600:#d92689;--brand-p700:#b92075;--brand-p800:#a11c65;--brand-p900:#7c164e;
  --brand-dark:#190410;--brand-dark2:#3e0b27;
  --bp-r:247;--bp-g:43;--bp-b:156;
  --ba-r:124;--ba-g:58;--ba-b:237;
}
/* bg */
.bg-fl-50,.hover\:bg-fl-50:hover{background-color:#fff4fa!important}
.bg-fl-100,.hover\:bg-fl-100:hover{background-color:#fee6f3!important}
.bg-fl-200,.hover\:bg-fl-200:hover{background-color:#fdc4e3!important}
.bg-fl-300,.hover\:bg-fl-300:hover{background-color:#fba0d2!important}
.bg-fl-400,.hover\:bg-fl-400:hover{background-color:#f96bba!important}
.bg-fl-500,.hover\:bg-fl-500:hover{background-color:#f72b9c!important}
.bg-fl-600,.hover\:bg-fl-600:hover{background-color:#d92689!important}
.bg-fl-700,.hover\:bg-fl-700:hover{background-color:#b92075!important}
/* text */
.text-fl-400,.hover\:text-fl-400:hover{color:#f96bba!important}
.text-fl-500,.hover\:text-fl-500:hover{color:#f72b9c!important}
.text-fl-600,.hover\:text-fl-600:hover{color:#d92689!important}
.text-fl-700,.hover\:text-fl-700:hover{color:#b92075!important}
/* border */
.border-fl-200,.hover\:border-fl-200:hover{border-color:#fdc4e3!important}
.border-fl-300,.hover\:border-fl-300:hover{border-color:#fba0d2!important}
.border-fl-400,.hover\:border-fl-400:hover{border-color:#f96bba!important}
.border-fl-500,.hover\:border-fl-500:hover{border-color:#f72b9c!important}
/* ring */
.ring-fl-300,.focus\:ring-fl-300:focus,.focus-within\:ring-fl-300:focus-within{--tw-ring-color:#fba0d2!important}
.ring-fl-500,.focus\:ring-fl-500:focus{--tw-ring-color:#f72b9c!important}
/* gradient */
.from-fl-500{--tw-gradient-from:#f72b9c!important}
.to-fl-600{--tw-gradient-to:#d92689!important}
.via-fl-500{--tw-gradient-via:#f72b9c!important}
/* text extra */
.text-fl-700,.hover\:text-fl-700:hover{color:#b92075!important}
/* focus border */
.focus\:border-fl-300:focus{border-color:#fba0d2!important}
.focus\:border-fl-400:focus{border-color:#f96bba!important}
.focus\:border-fl-500:focus{border-color:#f72b9c!important}
/* hover ring */
.hover\:ring-fl-300:hover{--tw-ring-color:#fba0d2!important}
.hover\:ring-fl-400:hover{--tw-ring-color:#f96bba!important}
.hover\:ring-fl-500:hover{--tw-ring-color:#f72b9c!important}
/* fill/stroke */
.fill-fl-500{fill:#f72b9c!important}
.stroke-fl-500{stroke:#f72b9c!important}
/* ticket.html screen-actions button */
.screen-actions button{background:#f72b9c!important}
.screen-actions button:hover{background:#d92689!important}