:root {
  --site-primary: #957d6f;
  --site-primary-50: #f4f2f1;
  --site-primary-100: #e8e2df;
  --site-primary-200: #d7cec8;
  --site-primary-400: #a89489;
  --site-primary-600: #7d695d;
  --site-secondary: #6967cb;
  --site-secondary-50: #eaeaf8;
  --site-accent: #b07d1c;
}
.bg-orange-500, .hover\:bg-orange-500:hover { background-color: var(--site-primary) !important; }
.bg-orange-600, .hover\:bg-orange-600:hover { background-color: var(--site-primary-600) !important; }
.bg-orange-400 { background-color: var(--site-primary-400) !important; }
.bg-orange-50, .hover\:bg-orange-50:hover { background-color: var(--site-primary-50) !important; }
.bg-orange-100, .hover\:bg-orange-100:hover { background-color: var(--site-primary-100) !important; }
.bg-orange-200 { background-color: var(--site-primary-200) !important; }
.bg-orange-50\/50 { background-color: color-mix(in srgb, var(--site-primary-50) 55%, transparent) !important; }
.bg-orange-500\/10 { background-color: color-mix(in srgb, var(--site-primary) 12%, transparent) !important; }
.bg-orange-500\/50 { background-color: color-mix(in srgb, var(--site-primary) 52%, transparent) !important; }
.hover\:bg-orange-100\/60:hover { background-color: color-mix(in srgb, var(--site-primary-100) 66%, transparent) !important; }
.hover\:bg-orange-100\/70:hover { background-color: color-mix(in srgb, var(--site-primary-100) 76%, transparent) !important; }
.text-orange-400, .hover\:text-orange-400:hover { color: var(--site-primary-400) !important; }
.text-orange-500, .hover\:text-orange-500:hover { color: var(--site-primary) !important; }
.text-orange-600, .hover\:text-orange-600:hover { color: var(--site-primary-600) !important; }
.border-orange-100 { border-color: var(--site-primary-100) !important; }
.border-orange-200, .hover\:border-orange-200:hover { border-color: var(--site-primary-200) !important; }
.border-orange-500\/50 { border-color: color-mix(in srgb, var(--site-primary) 55%, transparent) !important; }
.focus\:border-orange-400:focus { border-color: var(--site-primary-400) !important; }
.focus\:ring-orange-100:focus { --tw-ring-color: var(--site-primary-100) !important; }
.from-orange-50 { --tw-gradient-from: var(--site-primary-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-amber-50 { --tw-gradient-to: var(--site-secondary-50) var(--tw-gradient-to-position) !important; }
.bg-gradient-to-r.from-orange-50.to-amber-50 { background-image: linear-gradient(to right, var(--site-primary-50), var(--site-secondary-50)) !important; }
.ri-star-fill.text-yellow-400 { color: var(--site-accent) !important; }