:root {
  --es-accent-50: #FFFBEB;
  --es-accent-100: #FEF3C7;
  --es-accent-200: #FDE68A;
  --es-accent-300: #FCD34D;
  --es-accent-500: #D89A00;
  --es-accent-600: #A16207;
  --es-accent-700: #854D0E;
}

.text-blue-50 { color: var(--es-accent-50) !important; }
.text-blue-100 { color: var(--es-accent-100) !important; }
.text-blue-200 { color: var(--es-accent-200) !important; }
.text-blue-300 { color: var(--es-accent-300) !important; }
.text-blue-600 { color: var(--es-accent-600) !important; }
.text-blue-700 { color: var(--es-accent-700) !important; }
.bg-blue-50 { background-color: var(--es-accent-50) !important; }
.bg-blue-100 { background-color: var(--es-accent-100) !important; }
.bg-blue-400, .bg-cyan-300 { background-color: var(--es-accent-300) !important; }
.bg-blue-500, .bg-cyan-500 { background-color: var(--es-accent-500) !important; }
.bg-blue-600 { background-color: var(--es-accent-600) !important; }
.bg-blue-700 { background-color: var(--es-accent-700) !important; }
.border-blue-200 { border-color: var(--es-accent-200) !important; }
.border-blue-300 { border-color: var(--es-accent-300) !important; }
.border-blue-400 { border-color: var(--es-accent-300) !important; }
.border-blue-600 { border-color: var(--es-accent-600) !important; }
.ring-blue-200 { --tw-ring-color: var(--es-accent-200) !important; }
.ring-blue-600 { --tw-ring-color: var(--es-accent-600) !important; }
.hover\:text-blue-200:hover { color: var(--es-accent-200) !important; }
.hover\:text-blue-600:hover, .group:hover .group-hover\:text-blue-600 { color: var(--es-accent-600) !important; }
.hover\:text-blue-700:hover, .group:hover .group-hover\:text-blue-700 { color: var(--es-accent-700) !important; }
.hover\:bg-blue-50:hover { background-color: var(--es-accent-50) !important; }
.hover\:bg-blue-600:hover { background-color: var(--es-accent-600) !important; }
.hover\:bg-blue-700:hover { background-color: var(--es-accent-700) !important; }
.hover\:border-blue-300:hover, .hover\:border-blue-400:hover { border-color: var(--es-accent-300) !important; }
.hover\:border-blue-600:hover { border-color: var(--es-accent-600) !important; }
.focus\:border-blue-600:focus { border-color: var(--es-accent-600) !important; }
.focus\:ring-blue-200:focus { --tw-ring-color: var(--es-accent-200) !important; }
.focus\:ring-blue-600:focus { --tw-ring-color: var(--es-accent-600) !important; }
.peer:checked ~ .peer-checked\:bg-blue-600 { background-color: var(--es-accent-600) !important; }
.peer:checked ~ .peer-checked\:ring-blue-600 { --tw-ring-color: var(--es-accent-600) !important; }
[class*="bg-gradient-to-"][class*="from-blue-"] {
  background-image: linear-gradient(to bottom right, var(--es-accent-700), var(--es-accent-600), var(--es-accent-500)) !important;
}