.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,.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)}