:root {
  --brand-primary: #dc2626;
  --brand-rgb: 220 38 38;
  --brand-text: #dc2626;
  --brand-hover: #b91c1c;
  --brand-hover-contrast: #fff;
  --brand-contrast: #fff;
}

.bg-brand-600, .checked\:bg-brand-600:checked { background-color: var(--brand-primary); }
.hover\:bg-brand-700:hover, .bg-brand-700 { background-color: var(--brand-hover); }
.bg-brand-50, .hover\:bg-brand-50:hover { background-color: rgb(var(--brand-rgb) / 0.08); }
.bg-brand-100, .hover\:bg-brand-100:hover { background-color: rgb(var(--brand-rgb) / 0.14); }
.text-brand-600, .text-brand-700, .text-brand-800, .hover\:text-brand-600:hover, .hover\:text-brand-700:hover { color: var(--brand-text); }
.text-brand-500, .hover\:text-brand-500:hover, .hover\:text-brand-800:hover { color: var(--brand-text); }
.text-brand-700\/80 { color: rgb(var(--brand-text-rgb, var(--brand-rgb)) / 0.8); }
.bg-brand-50\/70 { background-color: rgb(var(--brand-rgb) / 0.056); }
.border-brand-300, .hover\:border-brand-300:hover { border-color: rgb(var(--brand-rgb) / 0.45); }
.hover\:border-brand-500:hover { border-color: var(--brand-primary); }
.disabled\:bg-brand-400:disabled { background-color: rgb(var(--brand-rgb) / 0.5); }
.accent-brand-600 { accent-color: var(--brand-primary); }
.group:hover .group-hover\:text-brand-600 { color: var(--brand-text); }
.group:hover .group-hover\:bg-brand-700 { background-color: var(--brand-hover); color: var(--brand-hover-contrast); }
.border-brand-600, .border-brand-500, .border-t-brand-600, .border-b-brand-600,
.hover\:border-brand-600:hover, .focus\:border-brand-500:focus, .checked\:border-brand-600:checked { border-color: var(--brand-primary); }
.border-brand-200, .border-brand-100 { border-color: rgb(var(--brand-rgb) / 0.3); }
.focus\:ring-brand-500:focus, .focus-visible\:ring-brand-600:focus-visible { --tw-ring-color: var(--brand-primary); }
.bg-brand-600.text-white, .bg-brand-700.text-white { color: var(--brand-contrast); }
.hover\:bg-brand-700.text-white:hover { color: var(--brand-hover-contrast); }
.bg-brand-600 .text-white, .checked\:bg-brand-600:checked + .text-white { color: var(--brand-contrast); }