.bg-black {
  background: var(--color-black);
}

.bg-white {
  background: var(--color-white);
}

.bg-brown-100 {
  background: var(--color-brown-100);
}

.bg-brown-200 {
  background: var(--color-brown-200);
}

.bg-brown-300 {
  background: var(--color-brown-300);
}

.bg-brown-400 {
  background: var(--color-brown-400);
}

.bg-brown-600 {
  background: var(--color-brown-600);
}

.bg-brown-800 {
  background: var(--color-brown-800);
}

.bg-linear {
  background: var(--gradient-text);
}

.bg-gray-100 {
  background: var(--color-gray-100);
}

.bg-gray-200 {
  background: var(--color-gray-200);
}

.bg-gray-300 {
  background: var(--color-gray-300);
}

.bg-gray-400 {
  background: var(--color-gray-400);
}

.bg-gray-500 {
  background: var(--color-gray-500);
}

.bg-gray-600 {
  background: var(--color-gray-600);
}

.bg-gray-700 {
  background: var(--color-gray-700);
}

.bg-gray-800 {
  background: var(--color-gray-800);
}