.pale,
.primary-pale,
.secondary-pale,
.success-pale,
.warning-pale,
.danger-pale,
.important-pale,
.special-pale,
.gray-50-pale,
.gray-100-pale,
.gray-200-pale,
.gray-300-pale,
.gray-400-pale,
.gray-500-pale, .gray-pale,
.gray-600-pale,
.gray-700-pale,
.gray-800-pale,
.gray-900-pale,
.gray-950-pale {
  @apply -skin;

  --skin-color: rgba(var(--skin-pale-rgb), .1);
  --skin-text: rgba(var(--skin-pale-rgb), 1);
  --state-color: rgba(var(--skin-pale-rgb), .1);
}

.pale {
  --skin-pale-rgb: var(--color-gray-500-rgb);
}
.primary-pale {
  --skin-pale-rgb: var(--color-primary-500-rgb);
}
.secondary-pale {
  --skin-pale-rgb: var(--color-secondary-500-rgb);
}
.success-pale {
  --skin-pale-rgb: var(--color-success-500-rgb);
}
.warning-pale {
  --skin-pale-rgb: var(--color-warning-500-rgb);
}
.danger-pale {
  --skin-pale-rgb: var(--color-danger-500-rgb);
}
.important-pale {
  --skin-pale-rgb: var(--color-important-500-rgb);
}
.special-pale {
  --skin-pale-rgb: var(--color-special-500-rgb);
}

.gray-50-pale {
  --skin-pale-rgb: var(--color-gray-50-rgb);
  --skin-text: var(--color-gray-400);
}
.gray-100-pale {
  --skin-pale-rgb: var(--color-gray-100-rgb);
  --skin-text: var(--color-gray-400);
}
.gray-200-pale {
  --skin-pale-rgb: var(--color-gray-200-rgb);
  --skin-text: var(--color-gray-400);
}
.gray-300-pale {
  --skin-pale-rgb: var(--color-gray-300-rgb);
  --skin-text: var(--color-gray-500);
}
.gray-400-pale {
  --skin-pale-rgb: var(--color-gray-400-rgb);
  --skin-text: var(--color-gray-500);
}
.gray-500-pale, .gray-pale {
  --skin-pale-rgb: var(--color-gray-500-rgb);
}
.gray-600-pale {
  --skin-pale-rgb: var(--color-gray-600-rgb);
}
.gray-700-pale {
  --skin-pale-rgb: var(--color-gray-700-rgb);
}
.gray-800-pale {
  --skin-pale-rgb: var(--color-gray-800-rgb);
}
.gray-900-pale {
  --skin-pale-rgb: var(--color-gray-900-rgb);
}
.gray-950-pale {
  --skin-pale-rgb: var(--color-gray-950-rgb);
}
