/* Background */
/* Tons claros */
.bg-brown-50  { background-color: #fdf8f6; }
.bg-brown-100 { background-color: #f3e7dd; }
.bg-brown-200 { background-color: #e1cfc0; }
.bg-brown-300 { background-color: #cda88f; }
.bg-brown-400 { background-color: #b47f5b; }

/* Tom base */
.bg-brown-500 { background-color: #9c6239; }
.bg-brown-600 { background-color: #874d29; }
.bg-brown-700 { background-color: #6c3c1f; }
.bg-brown-800 { background-color: #4e2a16; }
.bg-brown-900 { background-color: #3b1e10; }
.bg-brown-950 { background-color: #261309; }


/* Textos */
/* Tons claros */
.text-brown-50  { color: #fdf8f6; }
.text-brown-100 { color: #f3e7dd; }
.text-brown-200 { color: #e1cfc0; }
.text-brown-300 { color: #cda88f; }
.text-brown-400 { color: #b47f5b; }

/* Tom base */
.text-brown-500 { color: #9c6239; }
.text-brown-600 { color: #874d29; }
.text-brown-700 { color: #6c3c1f; }
.text-brown-800 { color: #4e2a16; }
.text-brown-900 { color: #3b1e10; }
.text-brown-950 { color: #261309; }

/* Hover Background */
.hover\:bg-brown-50:hover  { background-color: #fdf8f6; }
.hover\:bg-brown-100:hover { background-color: #f3e7dd; }
.hover\:bg-brown-200:hover { background-color: #e1cfc0; }
.hover\:bg-brown-300:hover { background-color: #cda88f; }
.hover\:bg-brown-400:hover { background-color: #b47f5b; }
.hover\:bg-brown-500:hover { background-color: #9c6239; }
.hover\:bg-brown-600:hover { background-color: #874d29; }
.hover\:bg-brown-700:hover { background-color: #6c3c1f; }
.hover\:bg-brown-800:hover { background-color: #4e2a16; }
.hover\:bg-brown-900:hover { background-color: #3b1e10; }
.hover\:bg-brown-950:hover { background-color: #261309; }

/* focus:ring para tons brown */
/* Tons claros */
.focus\:ring-brown-50:focus { box-shadow: 0 0 0 3px #fdf8f6; }
.focus\:ring-brown-100:focus { box-shadow: 0 0 0 3px #f3e7dd; }
.focus\:ring-brown-200:focus { box-shadow: 0 0 0 3px #e1cfc0; }
.focus\:ring-brown-300:focus { box-shadow: 0 0 0 3px #cda88f; }
.focus\:ring-brown-400:focus { box-shadow: 0 0 0 3px #b47f5b; }

/* Tom base */
.focus\:ring-brown-500:focus { box-shadow: 0 0 0 3px #9c6239; }
.focus\:ring-brown-600:focus { box-shadow: 0 0 0 3px #874d29; }
.focus\:ring-brown-700:focus { box-shadow: 0 0 0 3px #6c3c1f; }
.focus\:ring-brown-800:focus { box-shadow: 0 0 0 3px #4e2a16; }
.focus\:ring-brown-900:focus { box-shadow: 0 0 0 3px #3b1e10; }
.focus\:ring-brown-950:focus { box-shadow: 0 0 0 3px #261309; }

/* Opacidade para tons brown */
.opacity-brown-100 { opacity: 1}
.opacity-brown-90  { opacity: 0.9}
.opacity-brown-80  { opacity: 0.8}
.opacity-brown-70  { opacity: 0.7}
.opacity-brown-60  { opacity: 0.6}
.opacity-brown-50  { opacity: 0.5}
.opacity-brown-40  { opacity: 0.4}
.opacity-brown-30  { opacity: 0.3}
.opacity-brown-20  { opacity: 0.2}
.opacity-brown-10  { opacity: 0.1}
.opacity-brown-0   { opacity: 0}

/* peer-checked Background */
/* Tons claros */
.peer-checked\:bg-brown-50  { background-color: #fdf8f6; }
.peer-checked\:bg-brown-100 { background-color: #f3e7dd; }
.peer-checked\:bg-brown-200 { background-color: #e1cfc0; }
.peer-checked\:bg-brown-300 { background-color: #cda88f; }
.peer-checked\:bg-brown-400 { background-color: #b47f5b; }

/* Tom base */
.peer-checked\:bg-brown-500 { background-color: #9c6239; }
.peer-checked\:bg-brown-600 { background-color: #874d29; }
.peer-checked\:bg-brown-700 { background-color: #6c3c1f; }
.peer-checked\:bg-brown-800 { background-color: #4e2a16; }
.peer-checked\:bg-brown-900 { background-color: #3b1e10; }
.peer-checked\:bg-brown-950 { background-color: #261309; }

/* Bordas */
/* Tons claros */
.border-brown-50  { border-color: #fdf8f6; }
.border-brown-100 { border-color: #f3e7dd; }
.border-brown-200 { border-color: #e1cfc0; }
.border-brown-300 { border-color: #cda88f; }
.border-brown-400 { border-color: #b47f5b; }

/* Tom base */
.border-brown-500 { border-color: #9c6239; }
.border-brown-600 { border-color: #874d29; }
.border-brown-700 { border-color: #6c3c1f; }
.border-brown-800 { border-color: #4e2a16; }
.border-brown-900 { border-color: #3b1e10; }
.border-brown-950 { border-color: #261309; }

/* Hover Bordas */
.hover\:border-brown-50:hover  { border-color: #fdf8f6; }
.hover\:border-brown-100:hover { border-color: #f3e7dd; }
.hover\:border-brown-200:hover { border-color: #e1cfc0; }
.hover\:border-brown-300:hover { border-color: #cda88f; }
.hover\:border-brown-400:hover { border-color: #b47f5b; }
.hover\:border-brown-500:hover { border-color: #9c6239; }
.hover\:border-brown-600:hover { border-color: #874d29; }
.hover\:border-brown-700:hover { border-color: #6c3c1f; }
.hover\:border-brown-800:hover { border-color: #4e2a16; }
.hover\:border-brown-900:hover { border-color: #3b1e10; }
.hover\:border-brown-950:hover { border-color: #261309; }