:root {
  --brand-50: 255 251 235;
  --brand-100: 254 243 199;
  --brand-200: 253 230 138;
  --brand-300: 252 211 77;
  --brand-400: 251 191 36;
  --brand-500: 245 158 11;
  --brand-600: 217 119 6;
  --brand-700: 180 83 9;
  --brand-800: 146 64 14;
  --brand-900: 120 53 15;
  --brand-font-body: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-font-heading: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body, button, input, select, textarea {
  font-family: var(--brand-font-body);
}
* {
  font-family: inherit;
}

/* Brand utility classes (replace Tailwind config). */
.text-brand-50 { color: rgb(var(--brand-50) / 1); }
.bg-brand-50 { background-color: rgb(var(--brand-50) / 1); }
.border-brand-50 { border-color: rgb(var(--brand-50) / 1); }
.hover\:text-brand-50:hover { color: rgb(var(--brand-50) / 1); }
.hover\:bg-brand-50:hover { background-color: rgb(var(--brand-50) / 1); }
.focus\:border-brand-50:focus { border-color: rgb(var(--brand-50) / 1); }
.focus\:ring-brand-50:focus { --tw-ring-color: rgb(var(--brand-50) / 1); }
.bg-brand-50\/10 { background-color: rgb(var(--brand-50) / 0.1); }
.border-brand-50\/10 { border-color: rgb(var(--brand-50) / 0.1); }
.bg-brand-50\/40 { background-color: rgb(var(--brand-50) / 0.4); }
.border-brand-50\/40 { border-color: rgb(var(--brand-50) / 0.4); }
.bg-brand-50\/60 { background-color: rgb(var(--brand-50) / 0.6); }
.border-brand-50\/60 { border-color: rgb(var(--brand-50) / 0.6); }
.text-brand-100 { color: rgb(var(--brand-100) / 1); }
.bg-brand-100 { background-color: rgb(var(--brand-100) / 1); }
.border-brand-100 { border-color: rgb(var(--brand-100) / 1); }
.hover\:text-brand-100:hover { color: rgb(var(--brand-100) / 1); }
.hover\:bg-brand-100:hover { background-color: rgb(var(--brand-100) / 1); }
.focus\:border-brand-100:focus { border-color: rgb(var(--brand-100) / 1); }
.focus\:ring-brand-100:focus { --tw-ring-color: rgb(var(--brand-100) / 1); }
.bg-brand-100\/10 { background-color: rgb(var(--brand-100) / 0.1); }
.border-brand-100\/10 { border-color: rgb(var(--brand-100) / 0.1); }
.bg-brand-100\/40 { background-color: rgb(var(--brand-100) / 0.4); }
.border-brand-100\/40 { border-color: rgb(var(--brand-100) / 0.4); }
.bg-brand-100\/60 { background-color: rgb(var(--brand-100) / 0.6); }
.border-brand-100\/60 { border-color: rgb(var(--brand-100) / 0.6); }
.text-brand-200 { color: rgb(var(--brand-200) / 1); }
.bg-brand-200 { background-color: rgb(var(--brand-200) / 1); }
.border-brand-200 { border-color: rgb(var(--brand-200) / 1); }
.hover\:text-brand-200:hover { color: rgb(var(--brand-200) / 1); }
.hover\:bg-brand-200:hover { background-color: rgb(var(--brand-200) / 1); }
.focus\:border-brand-200:focus { border-color: rgb(var(--brand-200) / 1); }
.focus\:ring-brand-200:focus { --tw-ring-color: rgb(var(--brand-200) / 1); }
.bg-brand-200\/10 { background-color: rgb(var(--brand-200) / 0.1); }
.border-brand-200\/10 { border-color: rgb(var(--brand-200) / 0.1); }
.bg-brand-200\/40 { background-color: rgb(var(--brand-200) / 0.4); }
.border-brand-200\/40 { border-color: rgb(var(--brand-200) / 0.4); }
.bg-brand-200\/60 { background-color: rgb(var(--brand-200) / 0.6); }
.border-brand-200\/60 { border-color: rgb(var(--brand-200) / 0.6); }
.text-brand-300 { color: rgb(var(--brand-300) / 1); }
.bg-brand-300 { background-color: rgb(var(--brand-300) / 1); }
.border-brand-300 { border-color: rgb(var(--brand-300) / 1); }
.hover\:text-brand-300:hover { color: rgb(var(--brand-300) / 1); }
.hover\:bg-brand-300:hover { background-color: rgb(var(--brand-300) / 1); }
.focus\:border-brand-300:focus { border-color: rgb(var(--brand-300) / 1); }
.focus\:ring-brand-300:focus { --tw-ring-color: rgb(var(--brand-300) / 1); }
.bg-brand-300\/10 { background-color: rgb(var(--brand-300) / 0.1); }
.border-brand-300\/10 { border-color: rgb(var(--brand-300) / 0.1); }
.bg-brand-300\/40 { background-color: rgb(var(--brand-300) / 0.4); }
.border-brand-300\/40 { border-color: rgb(var(--brand-300) / 0.4); }
.bg-brand-300\/60 { background-color: rgb(var(--brand-300) / 0.6); }
.border-brand-300\/60 { border-color: rgb(var(--brand-300) / 0.6); }
.text-brand-400 { color: rgb(var(--brand-400) / 1); }
.bg-brand-400 { background-color: rgb(var(--brand-400) / 1); }
.border-brand-400 { border-color: rgb(var(--brand-400) / 1); }
.hover\:text-brand-400:hover { color: rgb(var(--brand-400) / 1); }
.hover\:bg-brand-400:hover { background-color: rgb(var(--brand-400) / 1); }
.focus\:border-brand-400:focus { border-color: rgb(var(--brand-400) / 1); }
.focus\:ring-brand-400:focus { --tw-ring-color: rgb(var(--brand-400) / 1); }
.bg-brand-400\/10 { background-color: rgb(var(--brand-400) / 0.1); }
.border-brand-400\/10 { border-color: rgb(var(--brand-400) / 0.1); }
.bg-brand-400\/40 { background-color: rgb(var(--brand-400) / 0.4); }
.border-brand-400\/40 { border-color: rgb(var(--brand-400) / 0.4); }
.bg-brand-400\/60 { background-color: rgb(var(--brand-400) / 0.6); }
.border-brand-400\/60 { border-color: rgb(var(--brand-400) / 0.6); }
.text-brand-500 { color: rgb(var(--brand-500) / 1); }
.bg-brand-500 { background-color: rgb(var(--brand-500) / 1); }
.border-brand-500 { border-color: rgb(var(--brand-500) / 1); }
.hover\:text-brand-500:hover { color: rgb(var(--brand-500) / 1); }
.hover\:bg-brand-500:hover { background-color: rgb(var(--brand-500) / 1); }
.focus\:border-brand-500:focus { border-color: rgb(var(--brand-500) / 1); }
.focus\:ring-brand-500:focus { --tw-ring-color: rgb(var(--brand-500) / 1); }
.bg-brand-500\/10 { background-color: rgb(var(--brand-500) / 0.1); }
.border-brand-500\/10 { border-color: rgb(var(--brand-500) / 0.1); }
.bg-brand-500\/40 { background-color: rgb(var(--brand-500) / 0.4); }
.border-brand-500\/40 { border-color: rgb(var(--brand-500) / 0.4); }
.bg-brand-500\/60 { background-color: rgb(var(--brand-500) / 0.6); }
.border-brand-500\/60 { border-color: rgb(var(--brand-500) / 0.6); }
.text-brand-600 { color: rgb(var(--brand-600) / 1); }
.bg-brand-600 { background-color: rgb(var(--brand-600) / 1); }
.border-brand-600 { border-color: rgb(var(--brand-600) / 1); }
.hover\:text-brand-600:hover { color: rgb(var(--brand-600) / 1); }
.hover\:bg-brand-600:hover { background-color: rgb(var(--brand-600) / 1); }
.focus\:border-brand-600:focus { border-color: rgb(var(--brand-600) / 1); }
.focus\:ring-brand-600:focus { --tw-ring-color: rgb(var(--brand-600) / 1); }
.bg-brand-600\/10 { background-color: rgb(var(--brand-600) / 0.1); }
.border-brand-600\/10 { border-color: rgb(var(--brand-600) / 0.1); }
.bg-brand-600\/40 { background-color: rgb(var(--brand-600) / 0.4); }
.border-brand-600\/40 { border-color: rgb(var(--brand-600) / 0.4); }
.bg-brand-600\/60 { background-color: rgb(var(--brand-600) / 0.6); }
.border-brand-600\/60 { border-color: rgb(var(--brand-600) / 0.6); }
.text-brand-700 { color: rgb(var(--brand-700) / 1); }
.bg-brand-700 { background-color: rgb(var(--brand-700) / 1); }
.border-brand-700 { border-color: rgb(var(--brand-700) / 1); }
.hover\:text-brand-700:hover { color: rgb(var(--brand-700) / 1); }
.hover\:bg-brand-700:hover { background-color: rgb(var(--brand-700) / 1); }
.focus\:border-brand-700:focus { border-color: rgb(var(--brand-700) / 1); }
.focus\:ring-brand-700:focus { --tw-ring-color: rgb(var(--brand-700) / 1); }
.bg-brand-700\/10 { background-color: rgb(var(--brand-700) / 0.1); }
.border-brand-700\/10 { border-color: rgb(var(--brand-700) / 0.1); }
.bg-brand-700\/40 { background-color: rgb(var(--brand-700) / 0.4); }
.border-brand-700\/40 { border-color: rgb(var(--brand-700) / 0.4); }
.bg-brand-700\/60 { background-color: rgb(var(--brand-700) / 0.6); }
.border-brand-700\/60 { border-color: rgb(var(--brand-700) / 0.6); }
.text-brand-800 { color: rgb(var(--brand-800) / 1); }
.bg-brand-800 { background-color: rgb(var(--brand-800) / 1); }
.border-brand-800 { border-color: rgb(var(--brand-800) / 1); }
.hover\:text-brand-800:hover { color: rgb(var(--brand-800) / 1); }
.hover\:bg-brand-800:hover { background-color: rgb(var(--brand-800) / 1); }
.focus\:border-brand-800:focus { border-color: rgb(var(--brand-800) / 1); }
.focus\:ring-brand-800:focus { --tw-ring-color: rgb(var(--brand-800) / 1); }
.bg-brand-800\/10 { background-color: rgb(var(--brand-800) / 0.1); }
.border-brand-800\/10 { border-color: rgb(var(--brand-800) / 0.1); }
.bg-brand-800\/40 { background-color: rgb(var(--brand-800) / 0.4); }
.border-brand-800\/40 { border-color: rgb(var(--brand-800) / 0.4); }
.bg-brand-800\/60 { background-color: rgb(var(--brand-800) / 0.6); }
.border-brand-800\/60 { border-color: rgb(var(--brand-800) / 0.6); }
.text-brand-900 { color: rgb(var(--brand-900) / 1); }
.bg-brand-900 { background-color: rgb(var(--brand-900) / 1); }
.border-brand-900 { border-color: rgb(var(--brand-900) / 1); }
.hover\:text-brand-900:hover { color: rgb(var(--brand-900) / 1); }
.hover\:bg-brand-900:hover { background-color: rgb(var(--brand-900) / 1); }
.focus\:border-brand-900:focus { border-color: rgb(var(--brand-900) / 1); }
.focus\:ring-brand-900:focus { --tw-ring-color: rgb(var(--brand-900) / 1); }
.bg-brand-900\/10 { background-color: rgb(var(--brand-900) / 0.1); }
.border-brand-900\/10 { border-color: rgb(var(--brand-900) / 0.1); }
.bg-brand-900\/40 { background-color: rgb(var(--brand-900) / 0.4); }
.border-brand-900\/40 { border-color: rgb(var(--brand-900) / 0.4); }
.bg-brand-900\/60 { background-color: rgb(var(--brand-900) / 0.6); }
.border-brand-900\/60 { border-color: rgb(var(--brand-900) / 0.6); }