.bg-brand-primary{background-color:var(--color-primary)}.bg-brand-accent{background-color:var(--color-accent)}.bg-brand-secondary{background-color:var(--color-secondary)}.bg-brand-button{background-color:var(--color-button)}.bg-brand-primary\/5{background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.bg-brand-primary\/10{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.bg-brand-primary\/20{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}.bg-brand-accent\/10{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.bg-brand-accent\/20{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}.bg-brand-accent\/30{background-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.text-brand-primary{color:var(--color-primary)}.text-brand-accent{color:var(--color-accent)}.text-brand-secondary{color:var(--color-secondary)}.text-brand-primary-safe{color:var(--color-primary-safe)}.text-brand-accent-safe{color:var(--color-accent-safe)}.text-on-primary{color:var(--color-primary-text)}.text-on-accent{color:var(--color-accent-text)}.text-on-button{color:var(--color-button-text)}.hover\:text-on-accent:hover{color:var(--color-accent-text)}.bg-brand-primary-safe{background-color:var(--color-primary-safe)}.bg-brand-button-safe{background-color:var(--color-button-safe)}.border-brand-primary{border-color:var(--color-primary)}.border-brand-accent{border-color:var(--color-accent)}.border-brand-button{border-color:var(--color-button)}.border-brand-secondary{border-color:var(--color-secondary)}.border-brand-primary\/20{border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}.border-brand-primary\/30{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.border-brand-accent\/20{border-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}.border-brand-accent\/30{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.border-spinner-accent{border-right-color:var(--color-accent);border-bottom-color:var(--color-accent);border-left-color:var(--color-accent)}.ring-brand-primary{--tw-ring-color: var(--color-primary)}.focus\:ring-brand-primary:focus{--tw-ring-color: var(--color-primary)}.hover\:bg-brand-primary:hover{background-color:var(--color-primary)}.hover\:bg-brand-primary\/90:hover{background-color:color-mix(in srgb,var(--color-primary) 90%,black)}.hover\:bg-brand-primary\/80:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,black)}.hover\:bg-brand-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-brand-button\/90:hover{background-color:color-mix(in srgb,var(--color-button) 90%,black)}.hover\:bg-brand-button\/80:hover{background-color:color-mix(in srgb,var(--color-button) 80%,black)}.hover\:bg-brand-accent:hover{background-color:var(--color-accent)}.hover\:bg-brand-accent\/80:hover{background-color:color-mix(in srgb,var(--color-accent) 80%,white)}.hover\:bg-brand-primary\/5:hover{background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.hover\:bg-brand-primary\/10:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.hover\:text-brand-primary:hover{color:var(--color-primary)}.hover\:text-brand-primary\/80:hover{color:color-mix(in srgb,var(--color-primary) 80%,transparent)}.hover\:text-brand-accent:hover{color:var(--color-accent)}.hover\:border-brand-primary:hover{border-color:var(--color-primary)}.hover\:border-brand-primary\/30:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.hover\:border-brand-primary\/50:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.group:hover .group-hover\:text-brand-primary\/80{color:color-mix(in srgb,var(--color-primary) 80%,transparent)}.shadow-brand-primary\/30{--tw-shadow-color: color-mix(in srgb, var(--color-primary) 30%, transparent);--tw-shadow: var(--tw-shadow-colored)}.shadow-brand-accent\/50{--tw-shadow-color: color-mix(in srgb, var(--color-accent) 50%, transparent);--tw-shadow: var(--tw-shadow-colored)}